Gatsby Starter: Minimal Blog Enhanced
Built upon the awesome Gatsby theme @lekoarts/gatsby-theme-minimal-blog:
Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.
Features
Include all features from the original theme
- MDX
- Fully customizable through the usage of Gatsby Themes (and Theme UI)
- Light Mode / Dark Mode
- Typography driven, minimal style
- Tags/Categories support
- Code highlighting with prism-react-renderer and react-live support. Also allows adding line numbers, line highlighting, language tabs, and file titles.
- RSS Feed for blog posts
- Google Analytics Support
- SEO (Sitemap, OpenGraph tags, Twitter tags)
- Offline Support & WebApp Manifest
And more
-
Math support with KaTex demo page
-
Image zoom for local and external images in MDX files or Ghost posts
NOTE If you also want to use Ghost as a source of your posts, take a look at the branch ghost
.
TODO:
- Project page with project cards
- Table of content for each post for an easier navigation
- Suggestions are welcomed!
Customization
You can follow the customization guide from @lekoarts/gatsby-theme-minimal-blog. Other things to point out:
Changing the “Random Facts"
Go to src/@lekoarts/gatsby-theme-minimal-blog/texts/
, change strings
in Typewriter.jsx
. Or if you want to replace the whole section, just change hero.mdx
to whatever you want.
🎓 Learning Gatsby
Looking for more guidance? Full documentation for Gatsby lives on Gatsby's website.
Themes
- To learn more about Gatsby themes specifically, we recommend checking out the theme docs.
General
-
For most developers, I recommend starting with the in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to Gatsby's documentation. In particular, check out the Reference Guides and Gatsby API sections in the sidebar.