Note
All the following commands should be executed in the root directory of your Hexo blog
Via npm (Recommended)
npm install hexo-theme-vivia
Via Git
# Clone the theme into the /themes/vivia directory
git clone https://github.com/saicaca/hexo-theme-vivia.git themes/vivia
# Install the required dependencies
npm install colorjs.io stylus hexo-symbols-count-time
Copy the example configuration file to your Hexo blog's root directory:
- If you installed the theme via npm, the file is located at
node_modules/hexo-theme-vivia/example_config.vivia.yml
. - If you installed via Git, the file is in
themes/vivia/example_config.vivia.yml
.
After copying, rename this file to _config.vivia.yml
.
Edit _config.vivia.yml
and make any desired customizations.
hexo config theme vivia
hexo new page about
Edit _config.yml
and add the following lines:
archive_generator:
per_page: 0
Without this configuration, the archive page will only show up to ten articles at most.
- Light / dark mode
- Custom theme color
- Custom banner
- Responsive design
- Comments
- Valine
- Twikoo
- Others
- Search
- TOC widget