1、页面的一些操作
这里讲一些页面的小操作,让读者在浏览的时候可以跟方便一些
1、如何分类和归档
归档和分类可以让读者很快地找到自己想要的文章![](http://q6expveix.bkt.clouddn.com/QQ%E5%9B%BE%E7%89%8720200302214146.jpg)
![](http://q6expveix.bkt.clouddn.com/QQ%E5%9B%BE%E7%89%8720200302214154.jpg)
这里我直接放上大佬的文章👉原文地址
2、头像/图标设置
1、存放位置 头像、图标图片的存放位置是/themes/yilia/source/
下任意位置,可以自己新建一个文件夹存放,我存放在assets文件夹下。
2、配置设置
配置文件为/themes/yilia/_config.yml
。
设置头像为配置文件中avatar
一项
设置图标为配置文件中favicon
一项
由于设置路径的根目录/themes/yilia/source/
,因此,我的头像存放的地址是 /themes/yilia/source/assets/me.png
,设置则为 avatar: /assets/me.png
。
3、左侧添加背景
这个还可以,但是我用手机看了一下,基本上手机上显示的就是一片空白了,所以就没弄那个了,不过还是可以的,这里写下来,也是为了记录一下,以后万一要改呢?
👉 hexo模版yilia左侧添加背景
4、添加版权信息&&URL持久化
版权这个东西还是很重要的,所以建议在建博客的时候加上这一点。![](http://q6expveix.bkt.clouddn.com/%E7%89%88%E6%9D%83.jpg)
👉 在Hexo中自动为Yilia主题增加版权声明
我们所写的文章地址路径很长,其中包括了年月日,url结构超过了三层不利于搜索爬虫,url持久化可以解决这个问题。
并且我们生成的版权信息中中文字会被编码,形成的链接又臭又长,极其难看,你同样可以利用这个办法来解决,是不是非常客来碗儿呢!
👉hexo+yilia添加URL持久化
5、添加页面访问量
这个可以实现网站访问量和文章访问量,作者把网站访问量添加到页脚的右侧,这里我是放到了头像的下面。 👉 八、添加页面访问量6、字数、阅读时长添加
这个小细节我本人还是很喜欢的,可以看到一篇博文的文字和阅读时长,看起来很舒服。 👉 十、字数、阅读时长添加7、侧边栏添加音乐&&可爱的看板娘
这个我没有添加,感觉有点多余了,现在听音乐太容易了,而且占空间,别人是来看你的文章的,而不是来花里胡哨的。这里还是放上链接👉 七、侧边栏添加音乐 至于看板娘嘛,二次元的应该喜欢,看了别人弄的,感觉也很占地方,所以也没弄了,感兴趣的话可以去看看
👉 hexo模版yilia添加可爱的看板娘
2、实现文章评论
这个我实际操作的时候花了点功夫,反正不太难,就是繁琐,遇到的问题也很多,不过最终还是解决了
这里我放上两个链接,一个是怎么实现GitHub评论,还有一个是后续可能出现的的一些问题,总结的还是很全的
👉5、引入GITMENT评论(这篇文章中还涉及到主页文章过长的解决办法)
👉Gitment评论功能接入踩坑教程
3、实现文章目录
这个其实本来主题就自带的,不过我还是改了一下,更清晰一点,可以让读者一目了然
👉Hexo + yilia主题实现文章目录和添加视频(感觉视频的话,没什么用,个人看法,不喜勿喷)
下面这个是主题自带的文章目录,也记录一下:
增加文章目录 TOC ( table of content ),方便阅读文章,在 themes/yilia/_config.yml
中进行配置 toc: 2
即可,它会将你 Markdown
语法的标题,生成目录,目录查看在右下角。
4、其他的一些操作
1、博客插入图片
博客内容最麻烦的就是插入图片,我们可以使用七牛云提供的 10G 的免费存储空间,将图片上传上去,然后生成外链,使用 Markdown 的图片引用方法即可,这样文章就脱离了图片编辑,转为在线了。同样一份文章,你部署在 csdn 等其他网页时,直接复制粘贴即可。上传图片到七牛云
•注册,并完成支付宝实名认证,实名认证后有10G的免费空间,认证免费额度
•添加文件。步骤为添加 对象存储, 新建一个存储空间,进入到该空间,点击 内容管理,点击上传文件
![](http://q6expveix.bkt.clouddn.com/3_6_qiniu_1.png)
•生成外链插入到文章中
![](http://q6expveix.bkt.clouddn.com/3_6_qiniu_2.png)
这里放一下原文👉 七牛云图床
2、部署
hexo clean
hexo g
hexo d