Hexo+NexT 在文章结尾添加自定义文字

博客文章添加了很多之后,我就想在每一篇自己的文章下方添加一些个人文章的地址链接。但是如果每一篇都去主动添加相同的字段,感觉太机械了,既然,文章的末尾可以自动添加版权声明,那么写一个类似版权声明的自动添加固定文字的模板不就可以了。

新建文件,添加div模块

your blog—>themes—>next—>layout—>_macro中 新建post-end-link.swig文件

1
2
3
4
5
6
7
8
<div>
{% if not is_index %}
<div style="text-align:left;font-size:14px;">
<p style="text-align:center;color: #ccc;">-------------本文结束<i class="fa fa-paw"></i>感谢您的阅读-------------</p>
<p><b>我的传送门:</b><a href="https://www.sunhong.vip/">博客</a>、<a href="https://www.jianshu.com/u/60dc3c4c6c3d">简书</a>、<a href="https://github.com/EllaSunQwQ">GitHub</a></p>
</div>
{% endif %}
</div>

修改post.swig文件

把写的div模块添加到post布局模板中,打开post.swig文件
your blog—>themes—>next—>layout—>_macro—> post.swig

添加的代码块

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

把该代码块添加到post-body块下方和post-footer块上方。如下图位置。

post.swig.png

修改_config.yml文件

打开主题配置文件_config.yml,在末尾添加:

1
2
post_end_link: # 添加的文件名
enabled: true

参考:Hexo NexT主题内给每篇文章后添加结束标语
HTML标签参考:http://www.w3school.com.cn/tags/tag_a.asp

-------------本文结束感谢您的阅读-------------

我的传送门:博客简书GitHub