Hexo NexT主题内给每篇文章后添加自定义文字
2019-03-13 本文已影响0人
萌小奇
title: Hexo NexT主题内给每篇文章后添加自定义文字
date: 2019-03-08 14:45:34
categories:博客
tags:blog
我想在博客的每一篇文章末尾添加固定字段或者链接,实现像版权声明那种自动化添加。
博客文章添加了很多之后,我就想在每一篇自己的文章下方添加一些个人文章的地址链接。但是如果每一篇都去主动添加相同的字段,感觉太机械了,既然,文章的末尾可以自动添加版权声明,那么写一个类似版权声明的自动添加固定文字的模板不就可以了。
新建文件,添加div模块
your blog—>themes—>next—>layout—>_macro
中 新建post-end-link.swig
文件
<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
添加的代码块
<div>
{% if not is_index %}
{% include 'post-end-link.swig' %}
{% endif %}
</div>
把该代码块添加到post-body
块下方和post-footer
块上方。如下图位置。
修改_config
打开主题配置文件(_config.yml),在末尾添加:
post-end-link: #添加的文件名
enabled: true
最终效果展示
参考:Hexo NexT主题内给每篇文章后添加结束标语
HTML标签参考:http://www.w3school.com.cn/tags/tag_a.asp