更换 Hexo 主题的步骤
这个网站中,我采用了 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 ERR! 报错。所以我用了 cnpm 包管理器瞎子啊,解决问题。
然后根据他的提示,在根目录下的 _config.yml
中禁用代码高亮。
highlight: |
在 _config.yml
中更改主题,这个在最后几行
theme: snark |
添加通用页面
我们需要创建 归档、分类、标签、关于,这几个页面。输入以下代码进行创建
hexo new page archives |
可选项
我们也可以通过安装一些 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 |
尝试在 config.yml
中增加以下代码,解决问题
search: |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 麦甜怪圈 Xiaomai Circle!