Typecho打赏插件，为文章添加一个打赏按钮

前言

　　前段时间由于很多朋友问咱文章中的打赏按钮用的是什么插件，咱其实用的也不是插件，于是乎，咱寻思着把自己用的代码改成了插件！！！耗时一天，穷尽自身所学，没超过预算的时间，我终于把他给写出来了~~~
　　本是自用代码，所以也是根据自己所使用的主题进行调试的,如果插件的CSS和你主题不兼容，或是使用过程中出现BUG，请联系blog@owo-bo.cn，或是点击左侧收缩菜单栏点击QQ咨询；由于第一次写插件，可能有很多问题，大家也可以向咱反馈并指出问题，一起探讨交流哈。

插件说明

2020-04-18 v1.0.0
-它是一款用于打赏的插件
-适用于支付宝、微信
-基于JQuery.min.js

2020-04-20 v1.0.1
-增加自定义按钮颜色
-引用了静态MDUI样式文件库
-优化了部分手机适配问题

2020-04-24 v1.0.2
-修复按钮错位的问题
-兼容Bhao主题无法使用自定义颜色问题（主要还是因为咱用这主题，Ohhh）
-优化关闭按钮样式
-增加自定义二维码收款外链（这样大家就不用替换图片啦！目前仅支持png格式）

2020-05-01 v1.0.3
-优化css样式
-取消引用MDUI样式文件功能（反正就觉得自己是个蛇精病，加了又删，OwO）
-重写打赏按钮样式(反正这两天时间充足)
-重绘打赏图标
-新增自定义多彩一言
-新增2233娘挂件（纯属闲的蛋疼，不过过几天就要开学啦！）

2020.05.12 v1.0.4
-优化页面代码结构(主要是新换了一个接口地址，所以得修改一堆代码)
-修复部分函数PJAX回调问题
-新增JsDelivr静态源

2020.09.21 v1.0.5
-修复部分主题关闭按钮悬停样式容错的问题
-调整遮罩层堆叠层次顺序
-新增樱花飘落特效(主要还是我喜欢搞这些花里胡哨的东西，不需要的可以自己关闭功能呐)

2020.11.03 v1.0.6（**发现些小问题，临时修复一下**）
-修复二维码不居中的问题
-修复部分主题二维码图片分辨率失调的问题
-修复悬停关闭按钮2233娘挂件浮动拉伸的问题
-修复樱花特效返回主页未关闭的问题

2021.08.25 v1.0.7（**说出来你们可能不信，我被Git Bash演了一下午**）
-修复部分主题点击按钮无反应的问题
-优化当前二维码支持格式
-删除部分无效代码

2021.09.12 v1.0.8
-修复部分主题二维码图片跟随灯箱放大的问题
-修复关闭打赏窗口实例canvasSnow获取值为空的问题
-新增自定义按钮边框

2021.XX.XX v1.0.9（采集bug中，差不多的时候在修......）
-已知多彩一言效果部分主题会应用到其他标签
-已知打赏图标在部分主题与实际偏移的太多

食用方法

1 下载本插件，解压放到usr/plugins/目录中
2 文件夹名改为PayButton
3 登录管理后台，激活插件
4 在到主题中的post.php适合的位置加入以下挂载点（⚠️PS：修改前建议备份当前文件，避免修改出错造成页面错乱）

/*以下为挂载点，有问题可以报给咱*/

   <?php PayButton_Plugin::button(); ?>

推荐插入位置

显示效果

~~5 将PayButton/reward/...中的图片weipayimg.png，alipayimg.png替换为自己的收款码（注意图片命名要一样哦）~~[这是前两个版本v1.0.0-v1.0.1的用法哈]
5 在后台设置填入图片链接和名称即可（注意图片扩展名保持一致）
6 基本设置

什么意思呢？
https://cdn.owo-bo.cn/pic/MainImg/PayButton/ali.png
这是访问二维码的图片链接，咱把他拆成了图片的
“链接路径+文件名称”的形式，
链接路径：https://cdn.owo-bo.cn/pic/MainImg/PayButton/
文件名称：ali.png
所以最后都是能访问到图片的，如果还不清楚怎么填的，可以加咱的扣扣或发邮件给咱

插件展示

下载地址

经过几天的奋斗，咱终于吧Git&GitHub研究明白了，于是今天(20200423)我把插件之前的版本都传上去了，Ohh！文件传的有点菜，有问题及时联系咱！！！
就在刚刚(20200504)，由于对GitHub操作的不熟练，不小心把我心爱的初代小仓库给弄崩了，无奈，我又重新创了一个，又重传了一遍文件。（悲

[hide]
GitHub：PayButton-v1.0.8
如果微信点不动，或是不显示，检查一下是不是没有开启jQuery
[/hide]

版权属于：Tonm
本文链接：https://owo-bo.cn/code/chapter-005.html
版权声明：转载时请注明本文出处及文章链接
Ｔｉｐｓ：如果您本文有什么疑问，欢迎在下方评论区进行留言反馈！！！

评论区

添加新评论

OωO表情

内容不能为空

昵称不能为空

邮件地址格式错误

验证码不能为空

发表评论

已有 132 条评论

1qqqq

24-11-23 13:17 · 回复

观摩观摩

modys

24-09-19 13:45 · 回复

更新地址，没有保存，只能再次下载了

老男孩

23-12-04 18:02 · 回复

试试看看

鹤辞

23-12-03 03:37 · 回复

我来观摩观摩

rtway

23-11-20 22:00 · 回复

wawa好喜欢不错啊这个

youzhigui

23-07-09 11:47 · 回复

大佬厉害

清光照归途

23-06-23 10:22 · 回复

可以呀，评论下载用上

三月

23-02-28 16:18 · 回复

感谢分享

叶小明的博客

23-02-22 17:25 · 回复

这个邮件验证码高级

kingkare

23-01-15 19:05 · 回复

感谢分享

123稽

23-01-12 19:42 · 回复

这个炫彩会波及主题其他字显示，请问怎么彻底删除啊？

123稽

23-01-12 18:22 · 回复

多谢，拿走试试

Yakito

22-12-12 20:41 · 回复

感谢分享

兔儿轩

22-11-17 14:08 · 回复

可以呀，评论下载用上！

modys

22-11-01 22:44 · 回复

来测试一下

鲁莽

22-11-01 21:04 · 回复

可以直接安装使用吗

无名博客

22-10-08 17:29 · 回复

大佬哇感谢

天气君

22-08-30 17:11 · 回复

看看大佬

baiye

22-08-25 00:35 · 回复

感谢大佬

子逸

22-08-16 10:24 · 回复

啦啦啦支持作者

听风

22-08-10 01:48 · 回复

呐呐呐

macinko

22-06-20 23:21 · 回复

感谢大佬无私分享

李哲

22-05-25 13:37 · 回复

学习研究

Moichi Lin

22-04-24 01:38 · 回复

感谢大佬分享的插件，蛮有用的插件

感谢大佬分享的插件，蛮有用的插件

22-02-27 10:57 · 回复

感谢大佬分享的插件，蛮有用的插件

doudou

22-02-26 16:56 · 回复

感谢大佬分享的插件，蛮有用的插件

无妄

22-02-26 11:15 · 回复

感谢大佬分享的插件，蛮有用的插件

无妄

22-02-26 11:08 · 回复

想要

sakura

22-02-09 20:29 · 回复

感谢大佬分享，蛮有用的插件

TNTcraft

22-02-04 14:11 · 回复

感谢大佬分享，蛮有用的插件

点点

22-01-20 12:47 · 回复

很nice!

路人甲

22-01-12 17:55 · 回复

看看。。。。

awen

21-08-25 18:20 · 回复

可以

21-08-09 15:19 · 回复

拿了！

小阿坤

21-08-09 15:18 · 回复

大佬牛逼(๑>؂

简兮

21-08-07 16:33 · 回复

博主请问可以转发吗？

Tonm 作者

21-08-07 16:38 · 回复

可以的哦！
1. 简兮
  
  21-08-07 16:54 · 回复
  
  博主，方便留下联系方式吗？
  1. Tonm 作者
    
    21-08-07 18:11 · 回复
    
    :xhl27:可以的，左侧的折叠菜单栏有QQ的临时会话，点过去就可以加了

HYTN

21-08-07 03:53 · 回复

一定很好吃的

Yuant

21-07-12 18:27 · 回复

感谢分享

91邓先森

21-07-09 13:38 · 回复

刚需，感谢大佬~

21-07-03 22:13 · 回复

确实很厉害，我这就搭在我的网站上试试看，谢谢了

马云

21-06-24 15:25 · 回复

确实很厉害，我这就搭在我的网站上试试看，谢谢了

沧烁

21-06-20 11:42 · 回复

牛逼牛逼牛逼牛逼牛逼

马修

21-06-16 13:45 · 回复

好看

666

21-06-14 22:10 · 回复

好东西看看

ScarletDor

21-06-08 12:49 · 回复

emmm不错

苏涵雪

21-05-09 03:23 · 回复

来了来了

维生素D

21-04-16 17:58 · 回复

确实不错

21-04-08 18:48 · 回复

额，一时半会儿下载不了哈

21-03-20 21:10 · 回复

太厉害了

xmaodm

21-03-20 15:54 · 回复

怎么厉害插件啊

汪汪队

21-03-08 18:23 · 回复

额，一时半会儿下载不了哈

汪汪队

21-03-08 18:20 · 回复

谢谢，拿来学习

zhang

21-03-07 18:50 · 回复

谢谢

芜湖

21-03-04 12:32 · 回复

大佬厉害厉害

神话

21-02-27 08:47 · 回复

看看，这个插件好不好用，审核通过请记得通知我一声

AKERS

21-02-24 12:02 · 回复

地址呢地址呢？？？？？？

Tonm 作者

21-02-24 12:27 · 回复

评论审核通过了，现在应该能看到地址了

AKERS

21-02-24 12:00 · 回复

这个不错厉害了

21-02-18 13:08 · 回复

插件nb

Guido

21-01-27 12:06 · 回复

厉害了这个插件！！！

佛系软件

21-01-01 21:00 · 回复

谢谢大神分享啊

BingHeng_wlm

20-11-29 17:35 · 回复

为什么用在我的主题上面金钱的图标会偏下？
主题bubble

Tonm 作者

20-11-29 17:44 · 回复

:xhl19: 你把CSS里的‘.tonm-btn img’ 中的 ‘top: 4px;’ 删了试试
1. BingHeng_wlm
  
  20-11-29 18:47 · 回复
  
  没问题了，把文件源改为了本地

BingHeng_wlm

20-11-27 18:14 · 回复

好物，支持一下

Tonm 作者

20-11-27 21:28 · 回复

好哒！谢谢支持！ :xhl13:

陈

20-11-03 08:27 · 回复

手机不显示自己的二维码，电脑可以咋回事

陈

20-11-03 17:00 · 回复

看看大佬文章

Tonm 作者

20-11-03 20:36 · 回复

:xhl19: 小萌新，小萌新，不是大佬！！！

zgs

20-10-24 15:31 · 回复

看看大佬文章

fange

20-10-19 14:11 · 回复

右边的博客信息怎么弄的呀

20-10-15 15:44 · 回复

留言板好可爱哦，打字还有特效，怎么做的呀，求指教

Tonm 作者

20-10-15 16:09 · 回复

留言板打字特效是ActivatePowerMode插件呐！

卷毛鼠

20-10-07 19:14 · 回复

学习

chen

20-10-02 23:49 · 回复

我正需要那，谢谢啦

Tonm 作者

20-10-02 23:56 · 回复

嗯嗯，有问题可以反馈呢 :xhl16:

文

20-09-29 05:44 · 回复

好东西谢谢

洛书

20-09-12 10:46 · 回复

谢谢，好东西多分享点

时代的我

20-09-11 15:57 · 回复

谢谢啊

520

20-09-10 22:54 · 回复

谢谢分享，下载看看

Tonm 作者

20-09-10 23:33 · 回复

嗯嗯，OK的 :xhl27:

森木志

20-08-31 14:25 · 回复

我看上这个了，马上去试试 :qwq7: :qwq7:

流口水的鱼

20-08-30 20:07 · 回复

谢谢分享，下载看看

籽夏

20-07-27 18:00 · 回复

为啥我切换支付按钮点不了

Tonm 作者

20-07-27 18:04 · 回复

是切换支付宝和微信的按钮吗？ :xhl12:
1. 籽夏
  
  20-07-27 18:56 · 回复
  
  嗯
  1. Tonm 作者
    
    20-07-30 16:00 · 回复
    
    插件里的jquery配置是不是没打开？

Tom

20-07-21 23:02 · 回复

看一看，不错 :huaji24:

Tonm 作者

20-07-21 23:33 · 回复

OK哒 :xhl27:

bill

20-07-12 15:29 · 回复

很棒,不错

20-06-25 00:00 · 回复

偷代码来啦

落日

20-06-20 19:51 · 回复

大佬厉害，膜拜

缘浅不识

20-06-09 22:12 · 回复

很棒哦。。

adu

20-06-05 19:27 · 回复

大佬，回复可见怎么搞的

Tonm 作者

20-06-05 19:44 · 回复

可以参考这篇文章哒！ :xhl24:
https://www.moleft.cn/post-22.html
1. adu
  
  20-06-06 08:56 · 回复
  
  会了会了
2. adu
  
  20-06-06 08:41 · 回复
  
  可是我怎么找不到那句代码呢？
3. adu
  
  20-06-06 08:29 · 回复
  
  谢啦谢啦 :xhl18:
  1. Tonm 作者
    
    20-06-06 14:04 · 回复
    
    好早呀！

阿杜

20-06-04 19:40 · 回复

厉害厉害，白嫖

观后无感

20-05-20 10:19 · 回复

php版本设置到啥

Tonm 作者

20-05-20 14:41 · 回复

54,55,56

观后无感

20-05-19 21:29 · 回复

来白嫖了

永恒

20-05-02 19:07 · 回复

再次拿走了

Tonm 作者

20-05-04 17:59 · 回复

原来下载的插件里，在README说明文件里就附带下载链接呐，不用每次都来评论wa~~~ :xhl19:
1. Catalpa
  
  20-05-15 14:24 · 回复
  
  我懒得再改了我也拿走了
  1. Tonm 作者
    
    20-05-15 15:58 · 回复
    
    :xhl24: OK哒

Catalpa

20-05-01 20:07 · 回复

滴滴一下

MoLeft

20-04-30 16:40 · 回复

这个插件整的挺好

Tonm 作者

20-05-01 13:23 · 回复

原来，这就是被大佬夸的感觉吗？好幸福的感觉，哈哈:xhl17:

丹青客

20-04-29 00:10 · 回复

拿走了哟！！！ :xhl21:

籽夏

20-04-27 23:41 · 回复

能支持链接吗 :xhl12:

Tonm 作者

20-04-27 23:55 · 回复

在设置里填就可以了呀！只不过我把链接路径和名称拆分了，因为js里写的要拆分开来判断点击状态，所以就写成这种形式辽！

Yamdr

20-04-27 22:57 · 回复

感谢博主，正好有需要

Tonm 作者

20-04-27 23:15 · 回复

不客气鸭！:xhl16:

碎魂

20-04-27 22:07 · 回复

来偷插件了，嘻嘻

Diego

20-04-27 21:48 · 回复

好棒好棒，抱走啦

小小爱

20-04-25 20:33 · 回复

想偷走么么哒

Tonm 作者

20-04-25 21:23 · 回复

好哒！:xhl13:

永恒

20-04-24 20:52 · 回复

拿走看一看，不错的插件

秦小谅

20-04-24 20:27 · 回复

支持老哥

miss

20-04-24 17:36 · 回复

挺好用的，期待更多作品

浅忆初夏

20-04-23 16:43 · 回复

我之前的评论居然被当成垃圾评论了orz

Tonm 作者

20-04-23 16:47 · 回复

呀！那不好意思了wa ::(委屈)
1. 浅忆初夏
  
  20-04-23 17:15 · 回复
  
  报个bug！好像按钮颜色改不了，一直是默认的#3498db
  1. Tonm 作者
    
    20-04-23 17:23 · 回复
    
    等我后面的版本调一下，因为当初本是想着布好的主题，他可以设置自定义主题强调色，一改主题颜色按钮也会跟着主题变色，但是后面我发现别的主题没有这个功能，按钮直接就是透明色，所以那个自定义颜色功能是为别的主题适配添加的 :xhl12:
    
    Tonm 作者
    
    20-04-23 17:26 ·
    
    不敢当不敢当，萌新学徒 :xhl13:
    
    浅忆初夏
    
    20-04-23 17:25 ·
    
    噢1明白了，谢谢大佬

༺ཌ追梦༒永恒ད༻

20-04-21 02:25 · 回复

拿走一试

搜索一下

Tonm's Blog