Hexo's NexT theme reward function

Prepare Alipay and WeChat QR code

First, you need to generate a QR code for Alipay and WeChat

Configure the picture in _config.yml

wechat.jpg, alipay.jpg pictures are put into themes / next / source / images

reward:
  enable: true
  #打赏功能
  comment: 原创技术分享，您的支持将鼓励我继续创作
  wechatpay: /images/wechat.jpg
  alipay: /images/alipay.jpg

So far, the required functions have been implemented, as shown in the figure:

But there is a flashing bug, so the following fix

Fix flashing bug

Modify next / source / css / _common / components / post / post-reward.styl, comment out the following part

  /*注释此部分
#QR > div:hover p {
  animation: roll 0.1s infinite linear;
  -webkit-animation: roll 0.1s infinite linear;
  -moz-animation: roll 0.1s infinite linear;
}*/

Okay, here you are done, perfect ~~

Please check my blog for the effect: https://wugenqiang.gitee.io/articles/hexo-do-donate.html