More Premium Hugo Themes Premium React Themes

Hexo Theme One

hexo单页面炫酷主题

Hexo Theme One

hexo单页面炫酷主题

Author Avatar Theme by eyhn
Github Stars Github Stars: 523
Last Commit Last Commit: Apr 27, 2017 -
First Commit Created: Dec 18, 2023 -
Hexo Theme One screenshot

Overview

The hexo-theme-one is a material design-themed Hexo theme built using React. It is not intended for learning React, as it contains programming issues and anti-patterns. The theme aims to provide a smooth, minimalistic, and elegant design. You can find a live demo of the theme at https://huaji8.top/. If you like the theme, you can show your support by starring the project. The theme is still under development and has a feature roadmap.

Features

  • Mobile version homepage: Completed.
  • Chinese search: In progress. Requires backend-generated keywords or regex matching.
  • 404 Page: Not started.
  • Drawer: Completed.
  • i18n: Put on hold. React Intl has been used.
  • Automated testing: Put on hold. Needs further updates for a large amount of content.
  • Article classification: Completed.
  • Tag classification: Completed.
  • Duoshuo comments: Completed.
  • Disqus comments: Completed.
  • Sharing: Alternative solutions available.
  • Global colors: In progress. Some components need to be completed.
  • Loading animations: Not started. Requires design.
  • Time search: Not started.
  • Page system: Completed.
  • Google Translate: Functional but formatting may be flawed (issue: #7).
  • Footer: Completed.

Installation

To install the hexo-theme-one, follow these steps:

  1. Open your Hexo project’s root directory in the command line.
  2. Run the following command to install the theme:
npm install hexo-theme-one
  1. Configure the theme in your Hexo _config.yml file:
theme: hexo-theme-one
  1. Run the following command to generate your site with the new theme:
hexo generate
  1. Launch your Hexo server to see the theme in action:
hexo server

Summary

The hexo-theme-one is a material design-inspired Hexo theme built using React. While not suitable for learning React due to programming issues and anti-patterns, the theme offers a smooth, minimalistic, and elegant design. It is still under development and has a roadmap of features. Installation of the theme can be done by following the provided steps.