下载Hexo主题，并做相应的配置和优化

下载主题

期文章教大家如何搭建Hexo，并部署到Github Pages
因为官方给的默认主题太丑了，或不合自己的心意
这期就教大家如何下载主题、设置和优化主题
下载主题可以去Github上搜索主题，也可以去百度搜索Hexo主题下载，我这里以GitHub为例

1. 打开GitHub 官网首页，搜索主题，这里我以yilia为例
   

2. 这里有两个yilia主题，第二个是增强版(也就是别人修改了部分样式和添加了部分插件)
   而第一个就是原汁原味的yilia主题了，这里我以原版yilia为例
   

3. 点击第一个yilia进去后往下滑有教程
   

4. 选择右边的绿色按钮下载 zip，解压到你hexo的themes文件夹内，这里我使用 Git 克隆到本地
   
   

5. 克隆过后themes文件夹内就有了yilia主题，第一个是默认主题(可删除)
   

6. 返回到 Hexo 的目录下打开_config.yml配置文件，往下滑找到theme将原来默认的主题换成yilia，这里方便大参照，我添加了注释
   
   
   
   
   

7. 接下来我们打开 Git 输入hexo g生成静态页面，随后输入hexo s启动 Hexo 服务
   
   

8. 打开浏览器在地址栏输入localhost:4000就会发现我们主题已被更换为yilia主题了
   

配置

9. 点击所有文章，我这里调了颜色，不过上面提示有组件缺失
   

10. 在Hexo配置文件下打开Git
    

11. 输入npm i hexo-generator-json-content --save后回车，等待安装
    

12. 在 Hexo 配置目录下打开_config.yml配置文件输入提示组件缺失的代码，保存并退出，刷新localhost:4000即可
    

13. 新建一篇文章看看是否有效
    

14. 按照 Git 提示的路径打开测试.md
    

15. 这里我就用我之前文章的开头来测试，保存并退出
    

16. 接着在 Git 里输入hexo g生成静态文件，然后输入hexo s启动 Hexo 服务
    
    

17. 浏览器重新刷新localhost:4000成功显示出来
    

最后说明一下：如果文章太长可以用来折叠内容，点击展开全部才会显示全部信息

<!-- more -->