修改hexo主题和个性化设置

刚刚搭建好的主页不太好看，想自主换个主题和个性化一下

1.切换主题

网上大多数博主都推荐使用Next主题，比较简洁大方，当然也可以使用官网上自己喜欢的主题

官网：https://hexo.io/themes/

1.1 克隆主题文件

在hexo文件夹下右键进入git bash,输入以下命令：

git clone https://github.com/iissnan/hexo-theme-next themes/next

1.2配置_config.yml文件

注意！config.yml有两个

一个是站点配置文件：hexo/_config.yml

一个是主题配置文件：Hexo/themes/next/config.yml

在站点配置文件：hexo/_config.yml配置文件下，修改如下字段theme为next，然后保存：

1.3 测试是否配置成功

在hexo文件夹下右键进入git bash,输入以下命令：

hexo s

浏览器访问 localhost:4000查看主题效果。

2.个性化设置

2.1 侧边栏的增加

比如增加“标签”，在E:\HexoBlog\source目录下新建tags文件夹

在tags文件夹下新建index.md文件

文件中输入以下内容，如果新建别的，注意修改title和type，并且

注意冒号：之后一定一定要有个空格！

---
title: tags  
date: 2018-06-17 16:55:44
type: "tags" 
---

然后在主题配置文件：Hexo/themes/next/config.yml下面注意写上对应的tags,保证不是注释掉的！

保存！

测试是否配置成功

在hexo文件夹下右键进入git bash,输入以下命令：

hexo clear

hexo  g

hexo s

浏览器访问 localhost:4000查看是否增加成功。

增加，分类，关于都是这样的操作！

2.3 增加点击桃心效果

在网址输入如下

http://7u2ss1.com1.z0.glb.clouddn.com/love.js

然后将里面的代码copy一下，在HexoBlog/themes/next/source/js/src目录下

新建love.js文件并且将代码复制进去，然后保存。

然后打开\themes\next\layout\_layout.swig文件,在末尾（在前面引用会出现找不到的bug）添加以下代码：

<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/src/love.js"></script>

测试是否配置成功

在hexo文件夹下右键进入git bash,输入以下命令：

hexo clear

hexo  g

hexo s

浏览器访问 localhost:4000查看是否增加成功。

其他的功能都可以通过下面的帖子，得到很具体的操作和添加！非常详尽：

https://segmentfault.com/a/1190000009544924#articleHeader10

注意：

1.注意md文件的头部冒号之后的空格

---

title: tags
date: 2018-06-17 16:55:44

type: “tags”

冒号：之后一定一定要有个空格！

2.乱码问题

如果你是使用的nodepad++编辑器，务必将编码方式改为UTF-8,否则中文很可能会乱码！

这个中文乱码问题困扰了我很久，无意间发现可能是编码方式的问题，果然，改成UTF-8就没有问题了！