简介
hexo-theme-wapiti 是一款简洁美观的 Hexo 博客主题，它基于 Pug 和 Sass 开发，支持文章分类、标签、评论等功能。
本文主要介绍如何使用 npm 包 hexo-theme-wapiti 来创建自己的博客网站。
安装 Hexo
在开始使用 hexo-theme-wapiti 之前，需要先安装 Hexo，可以通过以下命令安装：
npm install -g hexo-cli
初始化 Hexo
Hexo 安装完成之后，使用以下命令初始化 Hexo：
hexo init myblog cd myblog npm install
安装 hexo-theme-wapiti
在 Hexo 初始化完毕后，可以使用以下命令安装 hexo-theme-wapiti：
npm install hexo-theme-wapiti --save
配置 Hexo
安装完 hexo-theme-wapiti 之后，需要将主题设置为默认主题。
在 Hexo 博客项目的根目录下找到 _config.yml 文件，打开并将主题设置为 hexo-theme-wapiti：
# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: hexo-theme-wapiti
启动服务
配置完成后，启动 Hexo 服务：
hexo s
个性化设置
hexo-theme-wapiti 有丰富的个性化设置选项，可以通过修改 _config.yml 文件来进行自定义设置。
站点标题和副标题
title: My Blog subtitle: A blog powered by Hexo and wapiti theme
作者名称和简介
author: name: Peter Wang bio: A front-end developer
评论设置
hexo-theme-wapiti 内置了 disqus 和 Gitment 两种评论系统，可以按照以下方式进行配置：
Disqus 配置
disqus_shortname: peteruwo
Gitment 配置
在 Gitment 网站上注册并创建一个新的仓库，然后将以下配置项添加到 _config.yml 文件中：
gitment: owner: OWNER repo: REPO client_id: CLIENT_ID client_secret: CLIENT_SECRET
导航菜单
-- -------------------- ---- -------
-----
- ----- ----
----- -
- ----- ----
----- ------
- ----- ----------
----- ------------
- ----- -----
----- -------示例代码
以下为一篇使用 hexo-theme-wapiti 搭建的示例文章，您可以将其保存在 source/_posts 目录下进行测试：
--- title: Hello World date: 2022-01-01 00:00:00 categories: Hexo tags: [hexo, wapiti, theme] --- Welcome to my blog powered by Hexo and wapiti theme.
总结
通过本文，我们介绍了如何使用 npm 包 hexo-theme-wapiti 来创建自己的博客网站。在实际使用中，您可以根据自己的需要进行个性化设置，让您的博客更具个性化和魅力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556ff81e8991b448d3e5b