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
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!