Lisixian NPM | npm.io

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.