Hexo Theme Aria

screenshot of Hexo Theme Aria

Hexo Theme Aria

A Hexo theme inspired by Kalafina's song ARIA.

Overview:

The hexo-theme-aria is a Hexo theme inspired by Kalafina's song ARIA. It features an elegant, responsive double column layout with CSS animation. The theme also includes a comment system, busuanzi counting, Hexo local search support, multi-languages support, image display powered by Lightgallery, and RSS support.

Features:

  • Elegant responsive double column layout with CSS animation
  • Comment system (currently supports Disqus, commentjs, and Valine)
  • Busuanzi counting
  • Hexo local search support
  • Multi-languages support (currently zh_CN, zh_HK, zh_TW, and en)
  • Image display powered by Lightgallery
  • RSS support
  • Automatically converts Markdown asset folder links and images to absolute path

Installation:

  1. Change to your Hexo website directory.

  2. Install the necessary plugins:

npm install hexo-renderer-njucks
  1. Clone the hexo-theme-aria repo to the themes directory:
git clone [aria_repo_url] themes/aria
  1. Edit your site's _config.yml file. Update the following settings:

    • Change "theme" to "aria"
    • Update the language settings to one of the available values (zh_CN, zh_HK, zh_TW, en)
    • Configure the Hexo search plugin settings
    • Configure the Hexo RSS plugin settings
    • Update the highlight settings to add "hljs: true"
  2. Copy the _config.yml.example from the theme's directory and rename it to _config.yml.

  3. Edit the theme's _config.yml file. Make any necessary customizations.

  4. If you want to add "Categories" and "Tags" pages, uncomment the categories and tags sections in the theme's _config.yml file. Then, run the following commands:

hexo new page categories
hexo new page tags

Update the front-matter of the categories and tags pages by adding "layout: categories" and "layout: tags".

  1. To generate a favicon, prepare an image of your favicon and visit https://realfavicongenerator.net to generate the favicon files.

Summary:

Overall, the hexo-theme-aria offers an elegant and responsive double column layout with CSS animation. It provides various features such as a comment system, busuanzi counting, local search support, multi-languages support, image display, and RSS support. The installation process involves cloning the theme's repository, configuring the necessary settings in the site's _config.yml file and the theme's _config.yml file. Additionally, users can add "Categories" and "Tags" pages and generate a favicon using a favicon generator website.