第四部分：更改Hexo主题模板，搭建个人独立站
一、下载主题模板
1、hexo默认的主题是“landscape”，比较简洁，功能也很强大，但是还有更多的主题可供大家选择。
hexo主题官网下载地址： https://hexo.io/themes/
2、比较常用的是NEXT主题，搜索框搜索 “next”，点击文字，向下拉，就可以看到下载方法。但是我个人比较喜欢的是另一个主题，名字是“matery”。每个主题有不同的安装方法，和需要安装的插件，最好选择那种更新日期比较近的，说明文档写的比较详细的。
3、进入主题说明页面，里面有下载方法介绍，可以按照这个方法下载，但是国内下载速度较慢，其实也可以直接解压复制文档，到刚才的文件夹里的theme文件夹。
二、修改配置文件
1、文件夹重命名为“matery”
2、修改博客配置文件，_config.yml，用Notepad++打开，“Ctrl+F”搜索“theme”，把下面的landscape改成，主题文件名，matery。
3、修改语言
修改原目录下面的配置文件，_config.yml，用Notepad++打开，“Ctrl+F”搜索“language”，这里默认是en，如果要改成中文的，输入“zh-CN”。
4、修改网站的基本信息
修改原目录下面的配置文件，_config.yml，用Notepad++打开，“Ctrl+F”搜索“site”，包括标题，描述，关键字，作者，按照自己的要求修改，一般“标题，描述，关键字”的设置都和网站之后的SEO优化相关。
5、安装主题需要的基础插件
这个要说明的一点是，不同的主题需要安装的插件不同，一般说明文档里都会告诉方法，按照说明一步一步进行就好，这个主题就比较简单，不需要安装任何插件。
6、生成页面，运行主题。
其实还有其他的东西需要修改，但是我们先运行一下主题，看一下是否安装成功。
在Git控制台输入命令，hexo g ，然后再输入命令 hexo s ，浏览器打开 http://localhost:4000/ ，就能看到我们安装好的主题了，“Ctrl+C”结束本地运行，输入命令 hexo d ，可上传到GitHub上，通过域名可直接访问。（注：这几个命令以后会经常用到，一般本地运行是hexo s，修改之后，最后要生成页面后再上传至GitHub，命令是 hexo g -d）
7、Matery主题修改
（1）、文件夹介绍
主题修改的部分很多，一般都在主题的文件夹内，简单介绍一下这几个文件夹都是干什么，因为我也不是专业的，一些东西不是很懂，只是能达到我想要的效果就可以了。
①、languages文件夹：是这个主题可以使用的语言，之前在博客配置文件更改的语言，就是和这里面的文件名称是对应的。
②、layout文件夹：顾名思义，和各种布局形式相关，之后更改的时候是要用到的。
③、source文件夹：这里面的文件夹是啥意思我也不太懂，主要用到的就是media文件夹，存放的是网站需要用到的图片。
④、_config.yml文件：是主题配置文件，更改主题的功能都在这里修改的。
其实我修改这个主题，主要用到的是layout文件夹和_config.yml文件。
（2）、部分主题修改，主要修改三个部分：菜单栏、页脚、社交媒体链接。
①、菜单栏：菜单栏现在有7个，我目前不需要这么多，只需要“主页、tags、about”，我需要把其他几个删除。
a、用Notepad++打开这个文件，navigation.ejs，把不想要的直接删除，然后保存。
b、用Notepad++打开主题配置文件 _config.yml，把菜单栏中不想要的前面加“#”，注释掉，点击保存，Git控制台输入命令“hexo s”，本地运行一下，打开 http://localhost:4000/，可以看到效果。
②、页脚部分
修改页脚部分的文件位置： /layout/_partial/footer.ejs，不想要的部分自己删除一下吧，我是觉得大部分都没啥用，我就都给删除了。
③、社交媒体部分
a、修改文件“social-link.ejs”，修改后点击保存。图标更改支持fontawesome，具体使用方法自己百度一下。
网址：https://fontawesome.com/
b、修改主题配置文件，_config.yml，用Notepad++打开，“Ctrl+F”搜索“social”，把不想要的部分直接用“#”注释掉。
④、其他功能
这个主题的功能还是很多的，都在主题配置文件themesmatery_config.yml里，大家可以一个一个仔细看看，例如打赏功能、播放音乐视频功能、在线聊天等。这里需要提到的是这个按钮，不知道大家是什么需求，反正我是不太需要这个，我直接false了，需要修改两处，一个是indexbtn，另一个是githubLink。
8、安装功能插件（都是在文件夹内的Git控制台进行的）
①、Search插件
a、安装插件，根目录下命令行输入
npm install hexo-generator-searchdb --save
b、编辑博客配置文件，新增以下内容到任意位置
#Search
search:
path: search.xml
field: post
format: html
limit: 10000
c、编辑主题配置文件，文件最下方添加如下代码
# Local search
local_search:
enable: true
②、RSS订阅插件
安装插件hexo-generator-feed插件
根目录下命令行输入 npm install hexo-generator-feed --save
安装插件，出现这个，表明安装成功。
③、网站地图插件
a、安装插件
分别安装google和百度插件
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
b、在博客目录的_config.yml中添加如下代码:
# 自动生成sitemap
sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
④、Markdown编辑器
a、安装hexo-myadmin的插件
npm i hexo-myadmin --save
b、输入“hexo s”运行hexo，打开浏览器输入“http://localhost:4000/admin”，现在就可以正常使用, 打开hexo-admin界面。
c、这个是编辑文章用的，hexo支持Markdown编辑器，这个可以不用代码，直接写文章，改字体，插入图片链接等。
9、生成page和发布文章
①、生成tags页面
a、Git控制台输入命令“hexo new page "tags"”
b、编辑新页面文件，文件路径 /source/tags/index.md
---
title: tags
date: 2018-09-10 18:23:38
type: "tags"
layout: "tags"
---
②、生成about页面
a、Git控制台输入命令“hexo new page "about"”
b、编辑新页面文件，文件路径 /source/about/index.md
---
title: about
date: 2018-09-30 17:25:30
type: "about"
layout: "about"
---
③、生成404页面
文件路径 /source/404.md，该路径下，新建一个404.md页面，把以下代码复制粘贴过去。
---
title: 404
date: 2020-05-30 00:00:00
type: "404"
layout: "404"
description: "Cannot find the page you want :("
---
④、发布新文章
Git控制台输入“hexo s”，打开浏览器输入“http://localhost:4000/admin”，点击“new post”，文章编辑完了，直接点击“publish”发布即可。
PS：小工具推荐
-
图片压缩工具：有一些图片是需要压缩的，压缩后利于网页打开速度，推荐的免费压缩软件Caesium，一般图片的压缩率可达70%左右，回复“建站”，可下载。
-
伪原创生成工具：Article Spinner（简单同义词替换，推荐，免费的软件伪原创能力有限），回复“建站”，可下载。
-
语法检查工具： 免费在线语法检查修改工具，网址：https://app.grammarly.com/
10、 robots.txt 文件
作用： robots文件是搜索引擎爬虫爬行网站第一个访问的文件，通过robots协议告诉搜索引擎，我们网站的哪些内容可以访问，哪些内容不能访问。
生成工具：https://tool.chinaz.com/robots/
参考文章：https://blog.csdn.net/fanghua_vip/article/details/79535639
方法：在public文件夹中新建一个robots.txt 文件。
11、谷歌站长工具
到谷歌站长工具中注册账号，按照步骤一步一步的进行就可以了，有不同的验证方式，最后提交一下网站地图即可，可能会显示无法获取，不要担心，这个需要时间，一般一到两天就可以成功了。
站长工具地址：https://www.google.com/webmasters/tools/submit-url?hl=zh-CN
