konstantinmuenster / gatsby-starter-portfolio-minimal-theme Goto Github PK
View Code? Open in Web Editor NEWA Gatsby Starter Project to get started with the Portfolio Minimal Theme.
License: BSD Zero Clause License
A Gatsby Starter Project to get started with the Portfolio Minimal Theme.
License: BSD Zero Clause License
Hello again! I see where we can change the social profile here
"socialProfiles": {
"from": ["LinkedIn", "Medium", "Github", "Mail"],
"showIcons": false
}
}
in the hero.json file but there is no way to tell where I go to change the actual url that these profiles go to. Where is that located exactly?
I've been watching user behavior for my portfolio page and I find people don't always see GitHub icons as clickable and sometimes exit the page without having clicked any link, defeating (for them) the purpose of the whole portfolio, which is to showcase project details.
I also see some of them try to click the big image expecting some interaction. I think making those images clickable (and to be able to customize the link) would improve overall user experience and "catch" some of the ones that can't find what we want to showcase.
Hi @konstantinmuenster, I had a couple of doubts. You have mentioned before regarding shadowing to customise certain pages. However, is it possible to do the same for the blog post. If so is it possible to use google analytics to grab the views for a particular page and be dynamically updated on each blog post. And also be shown in the blog cards which are previous when we first go to the blog.
I am trying to add google analytics tracking to the website but there's an issue whenever I include the plugin in gatsby config.
module.exports = {
plugins: [
{
resolve: "gatsby-theme-portfolio-minimal",
options: {
siteUrl: "https://www.bhuwanbansal.com", // Used for sitemap generation
manifestSettings: {
favicon: "./content/images/favicon.png", // Path is relative to the root
siteName: " ", // Used in manifest.json
shortName: " ", // Used in manifest.json
startUrl: "/", // Used in manifest.json
backgroundColor: "#FFFFFF", // Used in manifest.json
themeColor: "#000000", // Used in manifest.json
display: "minimal-ui", // Used in manifest.json
},
contentDirectory: "./content",
blogSettings: {
path: "/blog", // Defines the slug for the blog listing page
usePathPrefixForArticles: true, // Default true (i.e. path will be /blog/first-article)
},
},
// resolve: `gatsby-plugin-google-analytics`,
// options: {
// // The property ID; the tracking code won't be generated without it
// trackingId: "tracking-id", // GA
// head: true,
// },
},
"gatsby-plugin-image",
"gatsby-plugin-sharp",
"gatsby-transformer-sharp", // Needed for dynamic images
],
};
I am confused why this is happening and need some guidance understanding how to fix this. Any help with this will be appreciated.
Hi, I am trying to change the size of an image for one of my blog posts however the changes are not reflected in the blog post. Also is there a way to shadow the article section to make custom changes to how each blog post looks like. I know that all of them will follow a certain pattern. But I would like to change the width of the blog post if possible to fit in more graphs. Any help or guidance would be appreciated.
This is how I am trying to change the height and width of the image in the blog post
<img src="../../images/Articles/sentiment_analysis/code.png" alt ="Code" width="100" height="50" />
I tried many different combinations but the image remains the same.
the plugin gatsby-theme-portfolio-minimal has defined a GraphQL type called MarkdownRemark, which has already been defined by the plugin gatsby-transformer-remark. This situation is causing problems when trying to change the site.
Hello!
Using the default directory, /resume.pdf
, when built with gatsby build
the site displays a cached version of the resume. I am not sure why this is, but changing out the resume.pdf inside of the main directory does not seem to change anything.
Am I supposed to instead put the resume in the public/static directory?
Thank you!
Hi Konstatin, I am a big fan of this portfolio design and am interested in updating to the newest design with the enhanced Gatsby features.
I noticed that there is a small typo in the SocialProfile enum - where "Github" should be properly capitalized as "GitHub":
Since it's in the NPM modules, I don't believe I make this correction locally. Can you please help? Thank you!
Hello there,
Vitaliy (Senior Engineering Manager) from Gatsby here. Thank you for creating this great starter! Since your starter is listed on our official library (https://www.gatsbyjs.com/starters/), it is important to keep it on the latest major release of Gatsby. Doing so ensures your starter will continue to be listed in the library.
If you haven’t seen the news already, we have released a beta version of Gatsby 5 and are on track to release the GA version in November. It would be great if you can upgrade this starter from v4 to v5 by then. Here are the docs on how to migrate: https://v5.gatsbyjs.com/docs/reference/release-notes/migrating-from-v4-to-v5/
Let us know if you have any questions. Thanks again!
As this repository does not yet have a license, no one is allowed to use or edit this repository without explicit consent from the owner. The previous repository of this template had an MIT license, but this one has no such thing.
From GitHub's https://choosealicense.com/no-permission/
Unless you include a license that specifies otherwise, nobody else can copy, distribute, or modify your work without being at risk of take-downs, shake-downs, or litigation. Once the work has other contributors (each a copyright holder), “nobody” starts including you.
Hi!
First of all thank for sharing this awesome portfolio starter with us, it looks amazing :)
I started playing with it and wanted to add other social profiles, like Twitter, for instance. I added it to the configuration file inside the content path (just where the other social profiles are) but Gatsby raised an error when loading the page, saying something like "unknown social profile".
Probably I'm missing something. Is there an easy way to change/add other social profiles?
Thanks!
Hey. I have the accessibility issue as mentioned in the title. Could you please add some visual clue regarding which link is currently selected?
Hero section disappears when mouse over certain links.
This only occurs when the URL provided in the settings.json
is for a new page.
"header": [
{ "label": "About", "url": "/#about" },
{ "label": "Blog", "url": "/blog" },
{ "label": "Features", "url": "/#features" },
{ "label": "Github", "url": "/#github" }
],
The blog link above causes the header to disappear. This is the same result for the links in the footer.
Mousing over the links will set the opacity to 0 for the section.
name: Comment Section for the blog
about: Asking a way to implement comments on the blog with anonymous visitors
title: 'Feature request'
labels: feature-request
I was wondering is there a way to extend the current blog implementation to add a comment section or does that require a CMS and another implementation of blog section on the website from scratch.
Hi,
I'm trying to insert an image in a blog post, but it doesn't show up:
[...]
![Alt text](../../images/image.png)
or
<img src="../../images/image.png" alt="Alt text" />
[...]
Do you have an idea why this happens?
While using the starter portfolio theme you worked on, I wanted to add mermaid to my blog post, so I found gatsby-plugin page for mermaid(https://www.gatsbyjs.com/plugins/gatsby-remark-mermaid/), and I set gatsby-config.js to apply it.
I attach my code.
module.exports = {
plugins: [
{
resolve: "gatsby-theme-portfolio-minimal",
options: {
siteUrl: "https://gatsby-starter-portfolio-minimal-theme.netlify.app/", // Used for sitemap generation
manifestSettings: {
favicon: "./content/images/favicon.png", // Path is relative to the root
siteName: "My Minimal Portfolio", // Used in manifest.json
shortName: "Portfolio", // Used in manifest.json
startUrl: "/", // Used in manifest.json
backgroundColor: "#FFFFFF", // Used in manifest.json
themeColor: "#000000", // Used in manifest.json
display: "minimal-ui", // Used in manifest.json
},
contentDirectory: "./content",
blogSettings: {
path: "/blog", // Defines the slug for the blog listing page
usePathPrefixForArticles: false, // Default true (i.e. path will be /blog/first-article)
},
// googleAnalytics: {
// trackingId: "UA-XXXXXX-X",
// anonymize: true, // Default true
// environments: ["production", "development"] // Default ["production"]
// }
},
},
{
resolve: `gatsby-remark-mermaid`,
options: {
launchOptions: {
executablePath: './content'
},
svgo: {
plugins: [{ name: 'removeTitle', active: false }]
},
mermaidOptions: {
theme: 'neutral',
themeCSS: '.node rect { fill: #fff; }'
}
}
},
],
};
I hope it's work. but it doesn't.
I'm a junior java developer, so I'm very inexperienced with js. Could you please advise how to apply it?
Hi @konstantinmuenster . How can I edit the blog section? For example i want to change heading. I see in gathsby-theme-portfolio-minimal > src > templates > ArticleListing
that title, heading, label are hardcoded. And I don't know how this component is even loaded. /privacy and /imprint pages seem to work like a router, but /blog page looks like it's loading entirely.
I'd appreciate your help.
Unfortunately, the RSS feed which is being used to retrieve articles from Medium does not work atm. I try to find a fix soonish and will leave this issue for information open
Hello! I am trying to deploy the porfolio and having the follwing issue, any chance its a familiar issue to you / you know what can help? Thanks:)
Describe the bug
A clear and concise description of what the bug is.
I am trying to deploy my js website on netlify but there is this error. Nothing helpful is coming up when I google it
Logs and screenshots
If possible, add the log from the terminal. You can turn on debugging logging, see Debugging section of the README file.
Help please 🥺
Link to the repo
Bugs with a reproducible example, like an open source repo showing the bug, are the most likely to be resolved.
Seems like there is an issue with automated deployments on gatsby cloud:
There was a problem loading plugin "gatsby-theme-portfolio-minimal". Perhaps you need to install its package?
I will look into it 👍
The website doesn't seem to comply with Open Graph Protocol and was wondering if you know how to implement these changes here https://www.linkedin.com/help/linkedin/answer/a521928/making-your-website-shareable-on-linkedin?lang=en so that I can show off the website on my LinkedIn with an image thumbnail. As of now, I cannot add an image thubmnail because the site is not OGP compliant I believe.
Am I interpreting the README correctly when I delete blogSettings? I would like to disable the blog functionality, but I get these errors.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.