从0开始搭建自己的个人博客hexo（三）

从0开始搭建自己的个人博客hexo（三）

1.文章显示目录

增加文章目录 TOC(table of content )，方便阅读文章, 在 themes/yilia/_config.ym中进行配置 toc: 2即可，它会将你 Markdown 语法的标题，生成目录，目录查看在右下角。

2.增加归档菜单

修改 themes/yilia/_config.yml

menu:
    主页:  /
    归档:  /archives/index.html

3.修改代码块样式

默认的代码样式太刺眼了，调成稍微柔和一些的，这里是调成 Atom 风格，以下为两种方式都可以，推荐第一种直接修改编译好的文件，不然还需要重新build。

• 直接修改编译好的文件。路径为： theme\yilia\source\main.0cf68a.css
• 修改代码背景色，搜索 .article-entry .highlight, 修改background后面的颜色
  ![](https://imgconvert.csdnimg.cn/aHR0cDovL3A1c2ZtY2t3eS5ia3QuY2xvdWRkbi5jb20vaW1nLzNfNF9jb2RlX2JnX2NvbG9yLnBuZw?x-oss-process=image/format,png)

4.hexo yilia 博客菜单

基于hexo+yilia主题搭建的博客在最初只有“主页”以及“随笔”两个标签，我们想去添加更多的栏目并且把对应的文章放在下面。
创建新页面
在hexo文件夹下执行Git Bash，以创建Android分类为例，执行hexo new page “Android”
修改注册文件
在themes目录下的_config.yml问价下menu下添加：Android:\tags\Android
新建文章
在新建文章的头部title栏目中：

---
    title: xxx
    tags: 
         - Android

通过上面可以看出，新的分类文章依然是在post目录下，而不是在新分类的文件夹下，只是通过tags把文章归类到这个分类下