这个网站中,我采用了 Snark 主题。

首先,将主题(可以在 Hexo 官网找到自己喜欢的主题)克隆下来,比如我用的 Snark 主题。通常会重定向至一个 GitHub 仓库界面,将其克隆下来。

git clone git@github.com:Litreily/hexo-theme-snark.git themes/snark

注:我配置了 SSH,所以可以通过 SSH 的方式直接 clone,没有配置的,请用 HTTPS 模式进行克隆。

上面这段代码,意思是将这个主题克隆到 themes 文件夹下的 snark 目录中。

安装主题所需依赖

一般情况下,该主题的 GitHub 仓库都有 README.md 文档,根据他的步骤做就行。比如我的这个 snark,需要安装两个依赖项:

npm install hexo-renderer-pug --save
npm install hexo-renderer-sass --save

我这里安装了之后,同样的出现了 npm ERR! 报错。所以我用了 cnpm 包管理器瞎子啊,解决问题。

然后根据他的提示,在根目录下的 _config.yml 中禁用代码高亮。

highlight:
enable: false
line_number: false
auto_detect: false
tab_replace: ''

_config.yml 中更改主题,这个在最后几行

theme: snark

添加通用页面

我们需要创建 归档、分类、标签、关于,这几个页面。输入以下代码进行创建

hexo new page archives
hexo new page categories
hexo new page tags
hexo new page about

可选项

我们也可以通过安装一些 hexo 插件,来增强网站功能

  • npm install hexo-generator-feed --save 添加 RSS 订阅功能
  • npm install hexo-generator-search --save 添加本地搜索功能
  • npm install hexo-generator-sitemap --save 添加 SiteMap

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.[1]

解决运行错误

我在启动时,打开页面报错内容如下:

Unhandled rejection TypeError: C:\Source\NodeJs\xiaomai-blog\themes\snark\layout\_partial\after-footer.pug:9
7| if theme.local_search == true
8| script.
> 9| var search_path = '#{config.search.path}';
10| if (search_path.length == 0) {
11| search_path = 'search.xml';
12| }

Cannot read properties of undefined (reading 'path')

尝试在 config.yml 中增加以下代码,解决问题

search:
path: search.xml
field: post