Hexo+yilia主题优化

前言

作为一个合格的程序员,不帅怎么行


Hexo原生样式

我的博客

Hexo的官方给提供了近百种样式,可以参考https://hexo.io/themes/。我的建议是,肯定要有PC和移动端兼容的版式。
目前主流的样式主题有yilia(我目前采用的主题)和Next两种,本文以yilia为例进行主题更换讲解。

一、yilia主题的安装

这个主题的github仓库地址为:https://github.com/litten/hexo-theme-yilia
1.首先cd 到blog文件夹下,clone当前主题到themes文件夹下

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

2.修改根目录的配置文件_config.yml
*注意修改的不是yilia主题下的_config.yml
*找到Themes节点,将主题名称修改为yilia,注意有一个空格字符哦


修改主题

3.重新生成并启动Hexo
日常三步:

hexo clean
hexo g
hexo s
目前为止,主题已经更换完成,其他主题的更换也都大同小异。

yilia修改美化

1.更改常用信息
网站名称,头像,用户名,以及连接的微博地址等等肯定都需要修改呗
这里大家自己去看_config.yml应该就能知道了,我不细说,直接上图
首先是根目录下的config.yml:


根目录配置文件修改
yilia主题配置文件修改

关于图像的修改,以头像修改为例

  • 如果是本地图片,需要将图片放到\blog\themes\yilia\source\img目录下
  • 找到Avatar节点,添加地址


    头像节点修改

其他图片的修改类似

添加字数与浏览统计

字数统计参考:https://www.jianshu.com/p/40a247c61cb0

hexo添加访问量统计功能可以用百度的站长统计、leancloud、不蒜子等等
我参考的是这一篇博文:https://blog.csdn.net/LF21011501/article/details/88884820

Tips:功能显示可能会有一段时间之后才出现,但是文章阅读量十几分钟之后才正常,所以需要一些等待。

添加背景音乐

也是很简单,主要的一点是确定想要放置的区域
参考文章:https://www.jianshu.com/p/f3fe5cb74d32

添加评论功能

评论的系统有很多,有言、畅言、网易云、来必力等等,目前我实现的是来必力(韩国人做的),但确实速度很慢,畅言还没过审核,后续试试畅言再更新。
来必力的参考博文:https://www.cnblogs.com/pengwenzheng/p/8407479.html

后续

  • Markdown语法介绍
  • 如何通过图床实现快速写作

推荐阅读更多精彩内容