最近琢磨如何在Hexo的每一篇博客底部添加宣传栏，用于推广，一时半会没找到，咨询了博採眾長(Hexo高手)，可以通过修改打赏文件添加宣传信息，也就是说在打赏模块嵌入宣传栏。

Hexo部署博客最好要会一点前端，但这方面几乎不会，组内有个妹子会前端开发，在她的帮助下，终于实现了这个功能，对二位的帮助再次表示感谢！

修改 reward.swig

打赏模块对应的文件为 /d/hexo/themes/next/layout/_macro/reward.swig ，修改此文件添加5行代码，用于添加宣传栏功能，修改前记得做好文件备份，如下:

<div style="padding: 10px 0; margin: 20px auto; width: 90%; text-align: center;">

# 以下5行新增
<div>
<p style="text-align:left">最后推荐和张文升共同编写的《PostgreSQL实战》，本书基于PostgreSQL 10 编写，共18章，重点介绍SQL高级特性、并行查询、分区表、物理复制、逻辑复制、备份恢复、高可用、性能优化、PostGIS等，涵盖大量实战用例！</p>
<p style="text-align:left">购买链接：<a href="https://item.jd.com/12405774.html">https://item.jd.com/12405774.html</a></p>
<img src="/images/PostgreSQL实战_small.png" alt="PostgreSQL实战" style="margin: 0 auto;" />
</div>

<div>{{ theme.reward_comment }}</div>
  <button id="rewardButton" disable="enable" onclick="var qr = document.getElementById('QR'); if (qr.style.display === 'none') {qr.style.display='block';} else {qr.style.display='none'}">
    <span>{{ __('reward.donate') }}</span>
  </button>
  <div id="QR" style="display: none;">

    {% if theme.wechatpay %}
      <div id="wechat" style="display: inline-block">
        <img id="wechat_qr" src="{{ theme.wechatpay }}" alt="{{ theme.author }} {{ __('reward.wechatpay') }}"/>
        <p>{{ __('reward.wechatpay') }}</p>
      </div>
    {% endif %}

    {% if theme.alipay %}
      <div id="alipay" style="display: inline-block">
        <img id="alipay_qr" src="{{ theme.alipay }}" alt="{{ theme.author }} {{ __('reward.alipay') }}"/>
        <p>{{ __('reward.alipay') }}</p>
      </div>
    {% endif %}

    {% if theme.bitcoin %}
      <div id="bitcoin" style="display: inline-block">
        <img id="bitcoin_qr" src="{{ theme.bitcoin }}" alt="{{ theme.author }} {{ __('reward.bitcoin') }}"/>
        <p>{{ __('reward.bitcoin') }}</p>
      </div>
    {% endif %}

  </div>
</div>

修改完后需重启博客生效。

效果演示

查看本文底部的书籍宣传信息查看效果，达到了预期效果!

设置指定文章不打赏

如何设置指定文章不打赏呢？Hexo 官方不提供是否打赏参数，可以通过修改 post.swig 源码实现此功能，详见如何设置指定文章不打赏？

参考

如何设置指定文章不打赏？