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

Myth丶恋晨 2024-04-17 06:04 54阅读 0赞

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

## 1.文章显示目录 ##

增加文章目录 TOC(table of content )，方便阅读文章, 在 themes/yilia/\_config.ym中进行配置 toc: 2即可，它会将你 Markdown 语法的标题，生成目录，目录查看在右下角。  
![在这里插入图片描述][20190826095033765.png]

## 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)`![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把文章归类到这个分类下

[20190826095033765.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/16/0043c4f0e9e94c84b22715009d2968c2.png
[format_png]: https://imgconvert.csdnimg.cn/aHR0cDovL3A1c2ZtY2t3eS5ia3QuY2xvdWRkbi5jb20vaW1nLzNfNF9jb2RlX2JnX2NvbG9yLnBuZw?x-oss-process=image/format,png