首页
/ Hexo Theme Zhaoo 使用教程

Hexo Theme Zhaoo 使用教程

2025-04-18 15:02:00作者:邓越浪Henry

1. 项目介绍

Hexo Theme Zhaoo 是一款为 Hexo 博客系统设计的简约、响应式主题,具备丰富的功能和动效。它支持多种评论系统、统计工具,并提供深色模式、格言、图片灯箱等特性,可高度自定义以满足不同用户的需求。

2. 项目快速启动

安装 Hexo

首先,确保您的系统中已安装了 Node.js 和 Git。

npm install -g hexo-cli

安装 Zhaoo 主题

在 Hexo 项目根目录下执行以下命令:

git clone https://github.com/zhaoo/hexo-theme-zhaoo.git themes/zhaoo

启用 Zhaoo 主题

修改 Hexo 根目录下的 _config.yml 文件,找到 theme 字段,将其值设置为 zhaoo

theme: zhaoo

配置 Zhaoo 主题

建议将文章数量改为 9 篇,启用代码高亮效果。在 _config.yml 文件中添加以下配置:

index_generator:
  path: ''
  per_page: 9
  order_by: -date

highlight:
  enable: true
  line_number: true
  auto_detect: true
  hljs: true
  tab_replace: ''

启动 Hexo 服务器预览

在 Hexo 根目录下执行以下命令:

hexo clean && hexo s

打开浏览器访问 http://localhost:4000,即可看到 Zhaoo 主题的预览效果。

3. 应用案例和最佳实践

  • 评论系统:集成 Gitalk、Valine、畅言等多种评论系统,为您的博客提供丰富的互动方式。
  • 统计工具:接入 LeanCloud、百度、CNZZ、谷歌等统计工具,实时了解博客的访问情况。
  • 深色模式:支持深色模式,让您的博客在夜间使用时更加护眼。
  • 格言:接入一言、今日诗词等第三方动态格言,为博客增添趣味。

4. 典型生态项目

  • 小程序:hexo-weapp-zhaoo,为 Hexo 定制的博客小程序,让您可以在微信等平台上展示您的博客内容。
  • 插件:hexo-generator-restful-zhaoo,Hexo RESTful 接口插件,为您的博客提供 RESTful API。
登录后查看全文
热门项目推荐