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

前言

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

插件说明

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

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

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

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娘挂件浮动拉伸的问题
-修复樱花特效返回主页未关闭的问题

食用方法

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

/*如果还有其他按钮类的插件,挂载点可以往以下div中插入,有问题可以报给咱*/
<div class="article-btn">
   <?php PayButton_Plugin::button(); ?>
</div>

推荐插入位置

显示效果

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

全部评论 (共 84 条评论)

    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 你把CSS里的‘.tonm-btn img’ 中的 ‘top: 4px;’ 删了试试
        2020-11-29 18:47
        @Tonm没问题了,把文件源改为了本地
    2020-11-27 18:14
    好物,支持一下
      2020-11-27 21:28
      @BingHeng_wlm好哒!谢谢支持!
    2020-11-03 08:27
    手机不显示自己的二维码,电脑可以 咋回事
    2020-11-03 17:00
    看看大佬文章
      2020-11-03 20:36
      @陈 小萌新,小萌新,不是大佬!!!
    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嗯嗯,有问题可以反馈呢
    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的
    2020-08-31 14:25
    我看上这个了,马上去试试
    2020-08-30 20:07
    谢谢分享,下载看看
    2020-07-27 18:00
    为啥我切换支付按钮点不了
      2020-07-27 18:04
      @籽夏是切换支付宝和微信的按钮吗?
        2020-07-27 18:56
        @Tonm
          2020-07-30 16:00
          @籽夏插件里的jquery配置是不是没打开?
    2020-07-21 23:02
    看一看,不错
      2020-07-21 23:33
      @TomOK哒
    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可以参考这篇文章哒!
      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谢啦谢啦
          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~~~
        2020-05-15 14:24
        @Tonm我懒得再改了我也拿走了
          2020-05-15 15:58
          @Catalpa OK哒
    2020-05-01 20:07
    滴滴一下
    2020-04-30 16:40
    这个插件整的挺好
      2020-05-01 13:23
      @MoLeft原来,这就是被大佬夸的感觉吗?好幸福的感觉,哈哈
    丹青客
    2020-04-29 00:10
    拿走了哟!!!
    2020-04-27 23:41
    能支持链接吗
      2020-04-27 23:55
      @籽夏在设置里填就可以了呀!只不过我把链接路径和名称拆分了,因为js里写的要拆分开来判断点击状态,所以就写成这种形式辽!
    2020-04-27 22:57
    感谢博主,正好有需要
      2020-04-27 23:15
      @Yamdr不客气鸭!
    2020-04-27 22:07
    来偷插件了,嘻嘻
    2020-04-27 21:48
    好棒好棒,抱走啦
    小小爱
    2020-04-25 20:33
    想偷走 么么哒
      2020-04-25 21:23
      @小小爱好哒!
    永恒
    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
          @浅忆初夏等我后面的版本调一下,因为当初本是想着布好的主题,他可以设置自定义主题强调色,一改主题颜色按钮也会跟着主题变色,但是后面我发现别的主题没有这个功能,按钮直接就是透明色,所以那个自定义颜色功能是为别的主题适配添加的
            2020-04-23 17:25
            @Tonm噢1明白了,谢谢大佬
              2020-04-23 17:26
              @浅忆初夏不敢当不敢当,萌新学徒
    ༺ཌ追梦༒永恒ད༻
    2020-04-21 02:25
    拿走一试