Yilia的一些新功能的添加方法

本文最后更新于:3 years ago

前言


这里介绍一下关于博客的一些高级配置,都是比较有用的设置。这些设置具体查起来比较烦,所以这里总结一下。 一方面让后来人可以方便一点,另一方面防止自己以后忘记怎么操作了,可以回来看看。 (注意这里不仔细讲解,只做总结,都是直接放链接的,自己去原作者那里去看)

1、页面的一些操作

这里讲一些页面的小操作,让读者在浏览的时候可以跟方便一些

1、如何分类和归档

归档和分类可以让读者很快地找到自己想要的文章

这里我直接放上大佬的文章👉原文地址

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持久化

版权这个东西还是很重要的,所以建议在建博客的时候加上这一点。

👉在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的免费空间,认证免费额度
•添加文件。步骤为添加 对象存储, 新建一个存储空间,进入到该空间,点击 内容管理,点击上传文件
•生成外链插入到文章中

这里放一下原文👉七牛云图床

2、部署

hexo clean
hexo g
hexo d


结语

最后再放上一首老歌《粉红的回忆》,
每次听到这首歌我都会想起《唐探2》里面王宝强那一段,hh