Hexo: 给每篇文章添加宣传栏

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

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

修改 reward.swig

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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 源码实现此功能,详见 如何设置指定文章不打赏?

参考

最后推荐和张文升共同编写的《PostgreSQL实战》,本书基于PostgreSQL 10 编写,共18章,重点介绍SQL高级特性、并行查询、分区表、物理复制、逻辑复制、备份恢复、高可用、性能优化、PostGIS等,涵盖大量实战用例!

购买链接:https://item.jd.com/12405774.html

PostgreSQL实战
感谢支持!
0%