关于hexo yilia主题配置走过的坑

yilia主题GitHub仓库链接（https://github.com/litten/hexo-theme-yilia），readme里面有教程，照着来下载就可以了。

---

1.配置缺失模块

从GitHub上面clone下来主题之后，点开左下角的全部文章，是没有办法直接显示文章目录的，点开的模块里也有解决的方法，需要配置一些代码。

首先要调出cmd黑窗口，查看自己电脑里安装的node版本（npm会在安装node时自动安装），node下载链接（http://nodejs.cn/download/）。win8和win10安装不了msi的安装包，具体步骤可以百度一下。

然后在博客根目录下左键git bash 执行 npm i  hexo-generator-json-content --save

最后在博客根目录找到_config.yml，不是themes文件夹，themes文件夹下也有一个但是是做其他相关配置的，随便找一个空位放下页面提示让你放的那一段代码。

博客根目录git bash - hexo clean - hexo g - hexo d；预览效果的话用hexo g之后hexo s，开启服务器，然后本地输入localhost:4000就可以查看了，确认没问题再hexo d上传上去。

2.调整css样式，颜色字体等

emmm，yilia主题自带的颜色个人表示不是很喜欢，不是一个风格的，调这个样式还是花了很多时间的，直接F12用那个小箭头找到自己需要修改样式的元素，控制台那里element style点开就可以看见相关的样式设置了，右上角会有他的来源文件，yilia主题基本样式都是放在themes/yilia/source/main.0cf68a.css里面，用sublime打开直接ctrl +F查找关键词找到你要修改的部分按照自己喜欢的来改就可以了。

3.目录不显示文章标题，tags标签怎么加，文章截断

这个问题真的是困扰了我好久，因为不是在控制台里面生成的md文件，直接写好了放进src/_post文件夹里面上传上去的，这样比较方便，但是！！这样子点击所有文章出来的文章都没有标题，是空白，需要在md文件里面做一些配置：

标题标签配置

在md文件的最顶部写这样的代码，上面和下面的三个杠杠不能少，要注意用英文冒号。

还有一个就是文章截断的问题，不然会默认在主页显示整篇的文章，在你的md文件中（右击记事本打开）需要做截断的地方加上。

文章截断

4.各种基本配置

头像什么的配置，直接上代码（所有基本配置都在themes/yilia/_config.yml文件里面用编辑软件打开根据提示直接修改就可以）以下是我设置的：

_config.yml（1）

_config.yml（2）

_config.yml（3）

各链接记得换成自己的。

5.访问量的统计和显示

这里用的是卜蒜子，先在\themes\yilia\layout\_partial里面找到after-footer.ejs，引入脚本，放在最后就行了。

总阅读量我是插在头像下面的，想插在不同的位置F12找到对应元素再找到对应的ejs修改插入，比较难找比较困难。

left-col.ejs：

统计阅读总量

article.ejs：

统计单篇阅读量

代码看图，找中文“总访问量”，“总阅读量”。