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块上方。如下图位置。

post.swig.png

修改_config

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

post-end-link: #添加的文件名
  enabled: true

最终效果展示

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

上一篇下一篇

猜你喜欢

热点阅读