Hexo的NexT主题打赏功能

零式的天空

发布于 2022-03-27 15:24:43

98600

代码可运行

文章被收录于专栏：零域Blog零域Blog

运行总次数：0

代码可运行

1 准备支付宝和微信二维码

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

2 在_config.yml中配置图片

这里的_config.yml文件是主题中的配置文件，然后把制作好的wechat.jpg、alipay.jpg图片放入themes/next/source/images中

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

到目前为止，已经实现了需要的功能

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

3 修复闪动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;
}*/

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-04-05，如有侵权请联系 cloudcommunity@tencent.com 删除

微信

编程算法

http

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

微信

编程算法

http

登录后参与评论

0 条评论

热度

Hexo的NexT主题打赏功能

Hexo的NexT主题打赏功能

1 准备支付宝和微信二维码

2 在_config.yml中配置图片

3 修复闪动Bug

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐