Gatsby Starter Breeze screenshot

Gatsby Starter Breeze

Author Avatar Theme by Izackwu
Updated: 21 Mar 2021
52 Stars

A Gatsby starter for graceful blogging in Chinese.

Categories

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.

Installation:

To use the Breeze theme, follow these steps:

  1. Create a new Gatsby site using the Gatsby CLI:
gatsby new my-blog-starter https://github.com/gatsbyjs/gatsby-starter-blog
  1. Navigate into the new site’s directory:
cd my-blog-starter
  1. Start the Gatsby development server:
gatsby develop
  1. Open the code editor of your choice and edit the src/pages/index.js file to customize your site.
  2. Save your changes and the browser will update in real time.

Summary:

The Breeze theme is an elegant Chinese blog theme for Gatsby, originally ported from the Hugo theme Diary and improved from the Hexo theme Journal. It includes basic blog functionality like article lists and pages, as well as additional features like responsive layout, article table of contents, and commenting. The theme is still in progress and plans to add configurability and dark mode. It has intentional modifications from the original Hugo theme, with the author porting it to Gatsby and making personal customizations. To install the theme, create a Gatsby site using the CLI and customize it according to your preferences.