Hexo的NexT主题打赏功能

准备支付宝和微信二维码

首先要生成支付宝和微信收钱二维码

在_config.yml中配置图片

wechat.jpg、alipay.jpg图片放入themes/next/source/images中

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

到目前为止，已经实现了需要的功能，如图所示：

但是出现闪动Bug，所以进行下面的修复

修复闪动Bug

修改next/source/css/_common/components/post/post-reward.styl，注释掉下面部分即可

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

好啦，到这里大功告成，完美~~

效果请查看我的博客：https://wugenqiang.gitee.io/articles/hexo-do-donate.html