Overview:
This Gatsby theme is called "Breeze" or "清风朗月" in Chinese. It aims to be an elegant Chinese blog theme and is a port with modifications from the Hugo theme Diary by AmazingRise, which itself was a port and improvement of the Hexo theme Journal by SumiMakito. The theme currently includes basic blog functionality such as article lists, article pages, and a tag system, as well as additional features like responsive layout for small screen devices, article table of contents, and comments. The theme is still in progress and plans to add features like configurability and dark mode in the near future. The theme has made intentional modifications from the original Hugo theme, including changing the layout from a fullscreen three-column layout to a centered two-column layout, removing the article category, and compactifying the layout of tag archives and tag pages. The author of the theme is SumiMakito, with valuable improvements by AmazingRise, and the theme has been ported to Gatsby and customized to personal taste by the current author.
Features:
- Responsive Layout: The theme has a responsive layout that adapts to small screen devices.
- Article Table of Contents: Each article includes a table of contents for easy navigation.
- Comments: The theme supports commenting functionality.
- Configurability: The theme can be configured to suit personal preferences.
- Dark Mode (Not Yet Implemented): The theme plans to include a dark mode feature in the future.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.