348
363
HEXO 篇三：三分钟教你搭建自己的个人网站-HEXO更换主题
2024-04-30 16:14:12
2点赞
12收藏
0评论
HEXO是一个开源纯静态的CMS内容管理系统，原生支持MarkDown语言，无需数据库，易部署和维护，可以免费托管到Github、Vercel以及Cloudflare等三方平台。我们可以用它来创建自己的个人站点。
下面我将用通俗易懂的语言让纯小白也能轻松搭建。该系列文章预计分为四期更新完成，分别为
1.HEXO的本地部署。
2.如何更新HEXO。
3.如何更换喜欢的主题。
4.如何将HEXO免费托管到三方平台。
本期为系列篇三，上次我们在学习了如何新建日志和页面，那我们如何更换自己喜欢的主题呢？
本期我们以安装butterfly主题为例讲一下如何安装HEXO主题。
进入hexo安装目录运行下面的脚本下载主题
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
在hexo根目录的_config.yml文件中注释掉默认主题landscape，并添加下面的字段来启用butterfly主题。
theme: butterfly
将主题目录下的_config.yml复制到hexo根目录并重命名为_config.butterfly.yml，这个文件就是我们之后要重点修改的主题配置文件。
现在根目录下有两个yml配置文件。_config.yml为站点配置文件，主要配置我们站点的名称、描述、语言等通用信息，而类似于_config.butterfly.yml这样的配置文件为主题配置文件，主要配置主题一些特效和自定义的一些功能。
butterfly主题还额外要求安装pug和stylus组件，我们运行下面的命令安装：
npm install hexo-renderer-pug hexo-renderer-stylus
现在我们替换了主题，运行下面的命令来看看新主题长什么样子吧。
hexo clean
hexo g
hexo s
如果你想更加详细的自定义主题，请参阅该主题的说明文档（https://butterfly.js.org/）里面有更加详细的使用说明。
如果你还想换其他样式的主题，可以前往hexo主题库（https://hexo.io/themes/）寻找自己喜欢的主题。每个主题基本上在github上都有仓库，另外有些主题可能需要安装一些特定的插件才能正常使用，安装时遇到报错请参阅主题相关说明文档。
如果你觉得我的内容对你有帮助，欢迎关注、转发、评论、点赞!
