BerdyPango / blogs

The codebase of my personal blog

What is it?

This git repo is based on hexojs and hexo-theme-next to build Frost He's blog.

How does it work?

Setup

Initialize hexo

$ hexo init <folder>

Install NexT theme via npm

$ npm install hexo-theme-next@latest

Change _config.yml to use next theme:

theme: next

Customize the site

Theme Settings

• Dark mode: Enabled
• Favicon: Replaced
• Menu Items: Icons modified

Sidebar

• Sidebar Style
  • postion: left
  • width: 300
  • display: always
• Configuring Avatar:
  • url set
  • rounded: true
• Site state: enabled
• Social Links: enabled
  • Icons enabled: true
  • Icons only: true
  • transition: true
• Sidebar Blogrolls:
• Sidebar TOC:
  • enable: false
  • number: true
  • wrap: true
  • expand_all: true
  • max_depth: 2

Sidebar Customization

Footer

Footer Configuration:

• Since: 2015
• Icon: fa fa-user
• Copyright: enabled

Post Settings

• Post Wordcount
  • hexo-word-counter: npm install hexo-word-counter
  • Wrod count per post: enabled
  • Word count total at footer: enabled
  • Reading time per post: disabled
  • Reading time total at footer: disabled
• Tag Icon: true
• Donate Settings

Localization(i18n)

• Override Default Translations
• Chinese certain translation overwritten.

Custom Pages

• Archive Page Modified: enabled
  • Index as home page
  • Archive generator per page adjusted
• Adding Categories Page
• Adding About Page

Misc

• Preconnect: enabled

SEO Setting

SEO Setting

• index_with_subtitle: true
• Google Webmaster Tools: enabled

3rd Party Services

Statistics and Analytics

• Google Analytics: enabled

Deployment

With the new git repo setup, I uses the recommanded Github Actions to perform deployment on CI pipelines. See .github/workflows/pages.yml for more details.