Hexo(二) 添加‘文本结束‘ 标记

之前在写文章时候,总会在写完的地方,手动写一个 Done 字,标志着这篇博客结束了,这次通过设置在每篇文章中自动添加结束标志,样式如下,看文章的底部就可以了,对,就是这样式的。

这种结束标识如何实现的呢?

Step1:创建文件 passage-end-tag.swig

进入到博客目录的主题目录中:

1
$ /Users/maple/Maple/themes/next/layout/_macro

在此目录下创建文件:

1
2
3
4
5
6
7
8
$ touch passage-end-tag.swig
$ vim passage-end-tag.swig
#添加内容
<div>
{% if not is_index %}
<div style="text-align:center;color: #ccc;font-size:14px;">-------------本文结束<i class="fa fa-paw"></i>再接再厉-------------</div>
{% endif %}
</div>

Step2:生效

打开 post.swig 文件:

1
$vim /Users/maple/Maple/themes/next/layout/_macro/post.swig

搜索 end post 然后将下图的红色框内代码粘贴上图

代码如下:

1
2
3
4
5
<div>
{% if not is_index %}
{% include 'passage-end-tag.swig' %}
{% endif %}
</div>

Step3: 配置 _config.yml

在文件最底下添加代码:

1
2
3
# 文章末尾添加“本文结束”标记
passage_end_tag:
enabled: true

完成之后通过 hexo ghexo d 验证一下即可

-------------本文结束谢谢欣赏-------------
Alice wechat