hexo博客Next主题添加打赏功能

[TOC]


问题描述:

看到别人的文章里添加了打赏按钮,我也想自己添加


有用的网址:

https://github.com/iissnan/hexo-theme-next/blob/master/layout/_macro/reward.swig

reward源代码地址

https://github.com/liuzc/hexo-theme-read
在这里看到需要在哪里设置


问题原因:

从第二个链接看到,一共需要两个东西.
第一,reward.swig文件.

第二,post.swig里添加 添加代码

后来发现,reward文件已经在Next主题中存在,只是没在Next文本说明写出来

查看源文档,发现,在post文件里已经添加了 reward代码.

1
2
3
{% if is_post() %}
{% include '../_partials/reward.swig' %}
{% endif %}

再来就是看reward.swig文档,看需要哪些关键字了.

1
2
3
{% if theme.alipay || theme.wechatpay %}
<div style="padding: 10px 0; margin: 20px auto; width: 90%; text-align: center">
<div>{{ theme.reward_comment }}</div>

在这里看到一共需要3个关键字

  1. theme.alipay
  2. theme.wechatpay
  3. theme.reward_comment

最后就是直接去修改theme下的config.yml文件,添加三个字段

1
2
3
4
# Donate 文章末尾显示打赏按钮
reward_comment: 我知道是不会有人点的,但万一有人想不开呢?
wechatpay: /images/小熊.jpg
alipay: /images/小熊.jpg

结束


解决代码:

去修改theme下的config.yml文件,添加三个字段

1
2
3
4
# Donate 文章末尾显示打赏按钮
reward_comment: 我知道是不会有人点的,但万一有人想不开呢?
wechatpay: /images/小熊.jpg
alipay: /images/小熊.jpg

TODO:

  • [x] 设置自己的微信收款二维码
  • [x] 设置自己的支付宝收款二维码

微信:看这里
http://www.yundongfang.com/Yun708.html

  1. 右上角的+
  2. 选择我要收款
  3. 保存相册

支付宝:一样的流程

  1. 右上角的+
  2. 选择我要收款
  3. 保存相册
我知道是不会有人点的,但万一有人想不开呢?