博客搭建（4）：博客的美化

选择主题

选择想要的主题，主题也就是一个模版，常用的有butterfly，next，matery等
也可以进入hexo的官网可以查看选择自己心仪的主题Hexo官网
我这里选择的是matery主题

1进入matery的github仓库下载Matery主题仓库
选择develop分支（为最新版的），点击code，下载zip压缩文件

2将文件解压到blog文件夹下的themes文件夹内，修改文件夹名字，调整文件目录
同时找到_config.yml文件复制粘贴一份

也可以在thems文件夹下使用下面命令

git clone https://github.com/blinkfox/hexo-theme-matery.git

3将副本文件剪切粘贴到根目录（Blog文件夹下），然后改名为_config.matery.yml
之后主要修改的文件就是_config.matery.yml，注意区分根目录下的_config.yml文件和主题文件夹下的_config.yml文件

4打开根目录下的_config.yml文件
在大约100行找到并修改为：theme: matery

5在blog文件夹下打开githush输入下面指令

hexo clean && hexo g && hexo s

应该就可以看到一个基础的博客页面了

6本地测试时无论是github还是vercel的指令都一样
部署时github用hexo d
vercel需要用到add，commit，push指令，安装vscode之后，在vscode内可以按照下图操作进行快速提交部署
源代码管理，输入提交信息，选择提交和推送

部署后可以通过之前设置好的域名访问博客，推荐是先用hexo s本地测试修改好，最后再提交到仓库

主题的美化

官方文档的参考地址：Matery主题说明
我下面提供一些比较关键的配置介绍，blog文件夹下

_config.yml文件

#site部分根据自己内容设置

_config.matery.yml文件

注意，该文件的优先级大于主题文件内原文件的优先级
理解：增加或修改东西，以该文件为主；删除东西则需要两个文件内都删（或注释ctrl+/）

#menu
部分代码与实际展示，如图，也可以使用中文/英文

对应的效果如下图，展示的均为中文，但英文转中文需要再下列目录文件中存在


图标的寻找地址：图标寻找网页

同时，菜单部分设置的地址网页需要存在，拿分类（categories）页面举例
需要blog/source/categories/index.md文件存在
可以手动创建，也可以用下面命令创建

hexo new page "categories"

查看新建的页面需要有下面的代码

---
title: categories #自动生成
date: 2018-09-30 17:25:30 #自动生成
type: "categories"
layout: "categories"
---

其他页同理，其中，如果要有友情链接（friends）页面，需要同时在source 目录下新建 _data 目录，在 _data 目录中新建 friends.json 文件
文件的目录格式如下（修改为自己的）

[{
    "avatar": "http://image.luokangyuan.com/1_qq_27922023.jpg",
    "name": "码酱",
    "introduction": "我不是大佬，只是在追寻大佬的脚步",
    "url": "http://luokangyuan.com/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/4027734.jpeg",
    "name": "闪烁之狐",
    "introduction": "编程界大佬，技术牛，人还特别好，不懂的都可以请教大佬",
    "url": "https://blinkfox.github.io/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/avatar.jpg",
    "name": "ja_rome",
    "introduction": "平凡的脚步也可以走出伟大的行程",
    "url": "https://me.csdn.net/jlh912008548",
    "title": "前去学习"
}]

其他详细的介绍可以查看原说明文件，我博客里使用到的部分也会在后面的文章中说明

常见问题与注意事项

1.注意下载到正确文件（我第一次想下butterfly文件，但是下载成了matery，我一直以为是butterfly，导致好多搜索到的教程都不对，而且我下载到的还不是最新的matery，中间还进行了更新替换）
2.主题配置文件内如果要删除东西则需要两个配置文件内都删
3.修改文件时注意缩进和空格
4.先修改打赏二维码图片（不是）