Gatsby Starter: Minimal Blog Enhanced

Demo Website

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

  

• Show excerpt in the blog page list

  

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.