Fonction de récompense du thème NexT d'Hexo

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

Publié 120 articles originaux · loué 201 · 230 000 vues +

Je suppose que tu aimes

Origine blog.csdn.net/wugenqiang/article/details/89046078
conseillé
Classement