It’s easy to build a Hexo theme - you just have to create a new folder. To start using your theme, modify the
theme setting in your site’s
_config.yml. A theme should have the following structure:
Theme configuration file. Unlike the site’s primary configuration file, modifying this doesn’t require a server restart.
Language folder. See internationalization (i18n) for more info.
Layout folder. This folder contains the theme’s template files, which define the appearance of your website. Hexo provides the Swig template engine by default, but you can easily install additional plugins to support alternative engines such as EJS, Haml, Jade, or Pug. Hexo chooses the template engine based on the file extension of the template (just like the posts). For example:
layout.ejs - uses EJS
See templates for more info.
Hexo will process and save all renderable files to the
public folder. Non-renderable files will be copied to the
public folder directly.
When you have finished building your theme, you can publish it to the theme list. Before doing so, you should run the theme unit test to ensure that everything works. The steps for publishing a theme are very similar to those for updating documentation.
Clone the repository to your computer and install dependencies.
git clone https://github.com/<username>/site.git
source/_data/themes.ymland add your theme. For example:
- name: landscape
description: A brand new default theme for Hexo.
Add a screenshot (with the same name as the theme) to
source/themes/screenshots. It must be a 800*500px PNG.
Push the branch.
Create a pull request and describe the change.