美文网首页
Hexo NexT主题内给每篇文章后添加自定义文字

Hexo NexT主题内给每篇文章后添加自定义文字

作者: 萌小奇 | 来源:发表于2019-03-13 10:31 被阅读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

    相关文章

      网友评论

          本文标题:Hexo NexT主题内给每篇文章后添加自定义文字

          本文链接:https://www.haomeiwen.com/subject/qmwrpqtx.html