Préparer le code QR Alipay et WeChat
Tout d'abord, vous devez générer un code QR pour Alipay et WeChat
Configurez l'image dans _config.yml
wechat.jpg, alipay.jpg les images sont mises en thèmes / suivant / source / images
reward:
enable: true
#打赏功能
comment: 原创技术分享,您的支持将鼓励我继续创作
wechatpay: /images/wechat.jpg
alipay: /images/alipay.jpg
Jusqu'à présent, les fonctions requises ont été implémentées, comme le montre la figure:
Mais il y a un bug clignotant, donc le correctif suivant
Correction d'un bug clignotant
Modifiez next / source / css / _common / components / post / post-récompense.styl, commentez la partie suivante
/*注释此部分
#QR > div:hover p {
animation: roll 0.1s infinite linear;
-webkit-animation: roll 0.1s infinite linear;
-moz-animation: roll 0.1s infinite linear;
}*/
D'accord, vous avez terminé, parfait ~~
Veuillez consulter mon blog pour l'effet: https://wugenqiang.gitee.io/articles/hexo-do-donate.html