Hexo插件使用

前言

想优雅的使用Hexo这个博客还是很不容易的,需要学会使用一些插件,而有的插件之间有一定的冲突,我们需要进行一些修改,才能完美的适配我们的博客。

原生的Hexo博客生成的目录是:year/:month/:day/:title,这就使得我们的url中携带大量中文,有些人通过hexo new title使用英文的title,这当然可行的,但是这不代表你的title就一定是唯一确定的,这也不方便日后对文章进行整理,也不方便我们推广,比如推广到百度站上,进行SEO是非常不方便的。

而这一款插件就可以为我们的文章生一个固定不变而且唯一的地址,就算你修改文章的title,也不会对url发生变化的插件。

我们只需要npm install hexo-abbrlink --save即可

随后在我们的主配置文件中进行相应的配置:

1
2
3
4
permalink: :year/:month/:day/:abbrlink.html
abbrlink:
alg: crc32 # 算法:crc16(default) and crc32
rep: hex # 进制:dec(default) and hex

在使用了这个插件后,需要执行一次hexo clean && hexo g,否则之前的博文可能会变为undefined,需要先clean一下。

hexo-asset-image

这一款插件是为我们为文章中插入图片提供方便的,我们需要在配置文件中启用:

1
post_asset_folder: true

安装方法是一样的:

1
npm install --save hexo-asset-image

安装好后当我们新建博文的时候,就会为我们在同级目录下生成一个名字为title的文件夹,存放在这个文件夹里面的图片,在我们部署后可以顺利显示。

hexo-generator-index-pin-top

如果你想置顶某一篇博文的话,就用的上这个插件了,安装方式不说了,直接说怎么用:

1558270888823

最后在适当的地方,比如说我是在aiticles的标题处加上了置顶的代码:

1
2
3
4
5
<% if (post.top) { %>
<i class="fa fa-thumb-tack"></i>
<font color=7D26CD>置顶</font>
<span class="post-meta-divider">|</span>
<% } %>

最终效果:

1558271519824

hexo-wordcount

这是用于统计文章字数和阅读市场的插件,因为icarus已经有了这样的功能,所以我只提一下,

配置可以这样:

1
2
3
4
post_wordcount:
item_text: true
wordcount: true
min2read: true

博客
32132
07-14 383
07-12 315
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值