💻Live Demo | 🌏中文 | ✨Astro Version (NEW)

A theme for Hexo, modified from Landscape. (Work in progress)

💻Live Demo

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

• Hexo
• Landscape
• Color.js
• Font Awesome
• Material Icons / Material Symbols