hexo+github搭建个人博客（三）主题配置

前言

有一个自己的博客还不够优雅，搭配上一个酷炫的主题才能更优雅地书写，本文以 butterfly主题为基础，谈谈博客界面的美化与功能细节的添加

在hexo根目录里打开gitbash，输入如下命令：

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

成功后如图所示：

然后进入根目录里的_config.yml文件，将主题改为butterfly:

更改字体为中文：

如果你没有 pug 以及 stylus 的渲染器，请下载安装：

在根目录创建一个名为 _config.butterfly.yml 的文件，将butterfly主题目录里的文件_config.yml内容复制到新建的文件中，以后更改配置时在新建的这个文件里更改，因为解析时新建的这个文件优先级高，这样既可以有效修改配置，又避免升级主题时数据丢失。

注意：原来的文件不要删除

首先介绍一下 front-matter，顾名思义，是在md文档中最前面，以$—-$为分界线，用于指定参数或变量的部分

首先进入主题配置文件_config.butterfly.yml，更改如下：

#菜单栏
menu:
  首页: / || fa fa-home
  归档: /archives/ || fa fa-archive
  标签: /tags/ || fa fa-tags
  分类: /categories/ || fa fa-folder-open

根据自己情况，还可以再加，我只创建了这几个页面。

然后前往你的 Hexo 博客的根目录，输入 hexo new page tags，你会找到source/tags/index.md这个文件，修改这个文件：

---
title: 标签
date: 2022-08-11 19:27:10
type: tags
top_img: /img/page.png  #自己根据你想设置的图片的位置修改
comments: false
---

分类页操作步骤同上，把命令改为 hexo new page categories 即可

东西太多了，写不下去了，关于主题方面的配置，官方文档里写的比我清晰多了，自己看去吧：地址在这（我好懒🤣

另外，官方文档的图片显示需要梯子，推荐greenhub，免费好用

下一篇更如何与typora，picgo，smms图床结合，提升书写体验，敬请期待~