menu Tonm's Blog
Typecho打赏插件,为文章添加一个打赏按钮
99105 浏览 | 2020-04-16 | 阅读时间: 约 3 分钟 | 分类: 代码∷插件 | 标签: 插件
report请注意,本文编写于 1679 天前,最后修改于 1047 天前,其中某些信息可能已经过时。

前言

  前段时间由于很多朋友问咱文章中的打赏按钮用的是什么插件,咱其实用的也不是插件,于是乎,咱寻思着把自己用的代码改成了插件!!!耗时一天,穷尽自身所学,没超过预算的时间,我终于把他给写出来了~~~
  本是自用代码,所以也是根据自己所使用的主题进行调试的,如果插件的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操作的不熟练,不小心把我心爱的初代小仓库给弄崩了,无奈,我又重新创了一个,又重传了一遍文件。(悲

取消

感谢您的支持,我会继续努力哒!

扫码打赏
支付金额随意哦!

打开支付宝扫一扫,即可进行扫码打赏哦

本文遵循 CC 4.0 BY-SA 版权协议

正在加载数据...

keyboard_arrow_left上一篇
下一篇keyboard_arrow_right

发表评论

email
fingerprint
web

全部评论 (共 131 条评论)

    2024-09-19 13:45
    更新地址,没有保存,只能再次下载了
    2023-12-04 18:02
    试试看看
    2023-12-03 03:37
    我来观摩观摩
    2023-11-20 22:00
    wawa好喜欢不错啊这个
    2023-07-09 11:47
    大佬厉害
    2023-06-23 10:22
    可以呀,评论下载用上
    2023-02-28 16:18
    感谢分享
    2023-02-22 17:25
    这个邮件验证码高级
    2023-01-15 19:05
    感谢分享
    2023-01-12 19:42
    这个炫彩会波及主题其他字显示,请问怎么彻底删除啊?
    2023-01-12 18:22
    多谢,拿走试试
    2022-12-12 20:41
    感谢分享
    2022-11-17 14:08
    可以呀,评论下载用上!
    2022-11-01 22:44
    来测试一下
    2022-11-01 21:04
    可以直接安装使用吗
    2022-10-08 17:29
    大佬哇感谢
    2022-08-30 17:11
    看看大佬
    2022-08-25 00:35
    感谢大佬
    2022-08-16 10:24
    啦啦啦 支持作者
    2022-08-10 01:48
    呐呐呐
    2022-06-20 23:21
    感谢大佬无私分享
    2022-05-25 13:37
    学习研究
    2022-04-24 01:38
    感谢大佬分享的插件,蛮有用的插件
    2022-02-27 10:57
    感谢大佬分享的插件,蛮有用的插件
    2022-02-26 16:56
    感谢大佬分享的插件,蛮有用的插件
    2022-02-26 11:15
    感谢大佬分享的插件,蛮有用的插件
    2022-02-26 11:08
    想要
    2022-02-09 20:29
    感谢大佬分享,蛮有用的插件
    2022-02-04 14:11
    感谢大佬分享,蛮有用的插件
    2022-01-20 12:47
    很nice!
    2022-01-12 17:55
    看看。。。。
    2021-08-25 18:20
    可以
    2021-08-09 15:19
    拿了!
    2021-08-09 15:18
    大佬牛逼(๑>؂<๑)666
    2021-08-07 16:33
    博主请问可以转发吗?
      2021-08-07 16:38
      @简兮可以的哦!
        2021-08-07 16:54
        @Tonm博主,方便留下联系方式吗?
          2021-08-07 18:11
          @简兮:xhl27:可以的,左侧的折叠菜单栏有QQ的临时会话,点过去就可以加了
    2021-08-07 03:53
    一定很好吃的
    2021-07-12 18:27
    感谢分享
    2021-07-09 13:38
    刚需,感谢大佬~
    2021-07-03 22:13
    确实很厉害,我这就 搭在我的网站上试试看,谢谢了
    2021-06-24 15:25
    确实很厉害,我这就 搭在我的网站上试试看,谢谢了
    2021-06-20 11:42
    牛逼牛逼牛逼牛逼牛逼
    2021-06-16 13:45
    好看
    2021-06-14 22:10
    好东西看看
    2021-06-08 12:49
    emmm不错
    2021-05-09 03:23
    来了来了
    2021-04-16 17:58
    确实不错
    2021-04-08 18:48
    额,一时半会儿下载不了哈
    2021-03-20 21:10
    太厉害了
    2021-03-20 15:54
    怎么厉害插件啊
    2021-03-08 18:23
    额,一时半会儿下载不了哈
    2021-03-08 18:20
    谢谢,拿来学习
    2021-03-07 18:50
    谢谢
    2021-03-04 12:32
    大佬厉害厉害
    2021-02-27 08:47
    看看,这个插件好不好用,审核通过请记得通知我一声
    2021-02-24 12:02
    地址呢 地址呢??????
      2021-02-24 12:27
      @AKERS评论审核通过了,现在应该能看到地址了
    2021-02-24 12:00
    这个不错 厉害了
    2021-02-18 13:08
    插件nb
    2021-01-27 12:06
    厉害了这个插件!!!
    2021-01-01 21:00
    谢谢大神分享啊
    2020-11-29 17:35
    为什么用在我的主题上面金钱的图标会偏下?
    主题bubble
      2020-11-29 17:44
      @BingHeng_wlm:xhl19: 你把CSS里的‘.tonm-btn img’ 中的 ‘top: 4px;’ 删了试试
        2020-11-29 18:47
        @Tonm没问题了,把文件源改为了本地
    2020-11-27 18:14
    好物,支持一下
      2020-11-27 21:28
      @BingHeng_wlm好哒!谢谢支持! :xhl13:
    2020-11-03 08:27
    手机不显示自己的二维码,电脑可以 咋回事
    2020-11-03 17:00
    看看大佬文章
      2020-11-03 20:36
      @陈:xhl19: 小萌新,小萌新,不是大佬!!!
    2020-10-24 15:31
    看看大佬文章
    2020-10-19 14:11
    右边的博客信息怎么弄的呀
    2020-10-15 15:44
    留言板好可爱哦,打字还有特效,怎么做的呀,求指教
      2020-10-15 16:09
      @tj留言板打字特效是ActivatePowerMode插件呐!
    2020-10-07 19:14
    学习
    2020-10-02 23:49
    我正需要那,谢谢啦
      2020-10-02 23:56
      @chen嗯嗯,有问题可以反馈呢 :xhl16:
    2020-09-29 05:44
    好东西 谢谢
    2020-09-12 10:46
    谢谢,好东西多分享点
    2020-09-11 15:57
    谢谢啊
    2020-09-10 22:54
    谢谢分享,下载看看
      2020-09-10 23:33
      @520嗯嗯,OK的 :xhl27:
    2020-08-31 14:25
    我看上这个了,马上去试试
    2020-08-30 20:07
    谢谢分享,下载看看
    2020-07-27 18:00
    为啥我切换支付按钮点不了
      2020-07-27 18:04
      @籽夏是切换支付宝和微信的按钮吗? :xhl12:
        2020-07-27 18:56
        @Tonm
          2020-07-30 16:00
          @籽夏插件里的jquery配置是不是没打开?
    2020-07-21 23:02
    看一看,不错
      2020-07-21 23:33
      @TomOK哒 :xhl27:
    2020-07-12 15:29
    很棒,不错
    2020-06-25 00:00
    偷代码来啦
    落日
    2020-06-20 19:51
    大佬厉害,膜拜
    2020-06-09 22:12
    很棒哦。。
    2020-06-05 19:27
    大佬,回复可见怎么搞的
      2020-06-05 19:44
      @adu可以参考这篇文章哒! :xhl24:
      https://www.moleft.cn/post-22.html
        2020-06-06 08:56
        @Tonm会了会了
        2020-06-06 08:41
        @Tonm可是我怎么找不到那句代码呢?
        2020-06-06 08:29
        @Tonm谢啦谢啦 :xhl18:
          2020-06-06 14:04
          @adu好早呀!
    2020-06-04 19:40
    厉害厉害,白嫖
    2020-05-20 10:19
    php版本设置到啥
      2020-05-20 14:41
      @观后无感54,55,56
    2020-05-19 21:29
    来白嫖了
    永恒
    2020-05-02 19:07
    再次拿走了
      2020-05-04 17:59
      @永恒原来下载的插件里,在README说明文件里就附带下载链接呐,不用每次都来评论wa~~~ :xhl19:
        2020-05-15 14:24
        @Tonm我懒得再改了我也拿走了
          2020-05-15 15:58
          @Catalpa:xhl24: OK哒
    2020-05-01 20:07
    滴滴一下
    2020-04-30 16:40
    这个插件整的挺好
      2020-05-01 13:23
      @MoLeft原来,这就是被大佬夸的感觉吗?好幸福的感觉,哈哈:xhl17:
    丹青客
    2020-04-29 00:10
    拿走了哟!!! :xhl21:
    2020-04-27 23:41
    能支持链接吗 :xhl12:
      2020-04-27 23:55
      @籽夏在设置里填就可以了呀!只不过我把链接路径和名称拆分了,因为js里写的要拆分开来判断点击状态,所以就写成这种形式辽!
    2020-04-27 22:57
    感谢博主,正好有需要
      2020-04-27 23:15
      @Yamdr不客气鸭!:xhl16:
    2020-04-27 22:07
    来偷插件了,嘻嘻
    2020-04-27 21:48
    好棒好棒,抱走啦
    小小爱
    2020-04-25 20:33
    想偷走 么么哒
      2020-04-25 21:23
      @小小爱好哒!:xhl13:
    永恒
    2020-04-24 20:52
    拿走看一看,不错的插件
    2020-04-24 20:27
    支持老哥
    2020-04-24 17:36
    挺好用的,期待更多作品
    2020-04-23 16:43
    我之前的评论居然被当成垃圾评论了orz
      2020-04-23 16:47
      @浅忆初夏呀!那不好意思了wa ::(委屈)
        2020-04-23 17:15
        @Tonm报个bug!好像按钮颜色改不了,一直是默认的#3498db
          2020-04-23 17:23
          @浅忆初夏等我后面的版本调一下,因为当初本是想着布好的主题,他可以设置自定义主题强调色,一改主题颜色按钮也会跟着主题变色,但是后面我发现别的主题没有这个功能,按钮直接就是透明色,所以那个自定义颜色功能是为别的主题适配添加的 :xhl12:
            2020-04-23 17:25
            @Tonm噢1明白了,谢谢大佬
              2020-04-23 17:26
              @浅忆初夏不敢当不敢当,萌新学徒 :xhl13:
    ༺ཌ追梦༒永恒ད༻
    2020-04-21 02:25
    拿走一试