博客园添加赞赏功能

1.准备微信和支付宝的图片

  进入收款页面然后保存图片即可

2.将支付图片上传到七牛云或者博客园文件

  七牛云比较简单/博客园文件不支持png和jpg只支持bmp,所以将图片转为bmp格式后再上传到博客园

3.上传js文件,第一个为js插件的github地址,第二个是js链接,可以直接拿过去使用

tctip的GitHub

https://files.cnblogs.com/files/wangyang0210/tctip-1.0.0.min.js

4.配置

在页脚配置

<!-- 支付赞赏 --><!-- js文件引入 -->
<script type="text/javascript" src="https://files.cnblogs.com/files/wangyang0210/tctip-1.0.0.min.js"></script>
<script>
new tctip({
top: ‘20%‘,
button: {
id: 2,
type: ‘zanzhu‘,
},
list: [
{
type: ‘alipay‘,
qrImg: ‘https://files.cnblogs.com/files/wangyang0210/aipay.bmp‘ //替换成自己的支付宝
}, {
type: ‘wechat‘,
qrImg: ‘https://files.cnblogs.com/files/wangyang0210/weixin.bmp‘ //替换成自己的微信
}
]
}).init()
</script>

参数详解

参数说明
top

类型: String
默认值: 10%
含义: 插件顶端距离页面最上面的距离
备注: 格式如 100px或者10%
button

类型: Object,包含id和type两个子数组
id:
类型: Number
默认值: 1
含义: 代表图片颜色
备注: 取值范围为1-9
type:
类型: String
默认值: dashang
含义: 按钮上的汉字,有打赏和赞助两种
备注: 只能取dashang或者zanzhu
list

类型: Array
默认值: []
含义: 重点配置,右侧打赏显示,不能为空
备注: 一个数组,最多传入五个元素,每个元素又有如下几项陪配置
type:
类型: String
默认值: 无
含义: 打赏类型
备注: 系统自带四种默认type,alipay,wechat,bitcon,tenpay,如果不是这四种,可以随意写
qrImg:
类型: String
默认值: 无
含义: 二维码图片地址
备注: 尽量裁剪图片周边的空白。重要但是非必传
qrContent:
类型: String
默认值: 无
含义: 二维码内容
备注: 和qrImg二者必须传一个。如果传入本参数,插件自动生成二维码
icon:
类型: String
默认值: 无
含义: 图标,列入支付宝图标
备注: 当type为系统默认四种之一时,本参数可省略
name:
类型: String
默认值: 无
含义: 支付名称,例如支付宝、微信等
备注: 当type为系统默认四种之一时,本参数可省略
desc:
类型: String
默认值: 无
含义: 二维码下面的一句短语,类似大爷行行好之类的
备注: 当type为系统默认四种之一时,本参数可省略
stat

类型: Boolean
默认值: true
含义: 是否上报,用于作者统计使用者
备注: 本参数只是方便作者统计插件使用情况,可视情况关闭

原文地址:https://www.cnblogs.com/wangyang0210/p/10050895.html

时间: 2024-10-08 17:43:35

博客园添加赞赏功能的相关文章

博客园添加markdown文章导航栏

博客园添加Markdown文章导航栏 我正在翻译Spring Framework文档,发布到博客园之后发现文章太密集,猛一看到比较懵,由于看到博客园支持自定义页面,我觉得添加一个导航栏,结构上会更加清晰一些. 所以在网上搜了搜关于添加导航栏的文章,搜到一个试了试,有些问题,所以就自己写了一个,实现功能如下: 主要搜索主页面中的h1-h6 根据1-6的级别设置字体大小和缩进宽度 滚动时页面最上方的标题对应导航将加粗 支持展开隐藏(默认隐藏,如果默认打开,就将js代码第6行display:none改

打赏:关于博客园打赏的功能

今天在网上浏览资料的时候,发现别的博主都有打赏功能了,感觉很好奇,试了试几种方法,最后也把这个博客园的打赏功能弄出来了.大家好奇么,想知道怎么做到的朋友,请留言~~~ 欧耶欧耶~~~

博客园添加背景音乐,背景效果!

目录 博客园添加背景音乐,背景效果 申请博客园JS权限 添加网易云背景音乐 点击鼠标点击样式 二次元看板娘 雪花效果 原文地址:https://www.cnblogs.com/1212dsa/p/11438461.html

为博客园添加目录的方法总结

博客园添加目录的方法主要涉及2个步骤: 1.申请开通js权限 2.添加js脚本到“页脚Html代码” <script language="javascript" type="text/javascript"> // 生成目录索引列表 // ref: http://www.cnblogs.com/wangqiguo/p/4355032.html // modified by: zzq function GenerateContentList() { var

博客园添加鼠标粒子吸附特效

本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博客园的[管理] → [设置]→ 一直往下拉, 找到[博客侧边栏公告(支持HTML代码)(申请JS权限)] 向[email protected] 发送邮件, 为了尽快通过权限申请, 邮件模板如下: 尊敬的博客园管理员: 请问是否可以帮我开通js权限,我需要一些简单的js来解决问题,例如鼠标点击特效.代

【转】为博客园添加目录的方法总结

本文转自:作者:妙音天女    地址:http://www.cnblogs.com/xuehaoyue/p/6650533.html 目录 第一种:在正文上方直接添加目录 1. 申请开通js权限 2. 添加js脚本到“页脚Html代码” 3. 按格式写文章 第二种:在文章右上角添加目录导航 1. 申请开通js权限 2. 添加css代码到“页面定制CSS代码” 3. 添加js脚本到“页首Html代码” 4. 按格式写文章 参考链接:http://www.cnblogs.com/xdp-gacl/p

为你的博客园添加平滑移动到页面顶端的锚点和tag云

首先我的目录是在marvin的基础上二次开发的.然后我发现锚点图和目录都在同一个图上面,所以就一起用了. 返回顶部锚点: 我用以前旧版bilibili的那个函数.可以做到平滑滚动到页面,并且在触顶前不能向下滚屏.具体的看我参考链接.当然因为涉及到js要申请权限,简单的话a标签href用#top当然可以,体验有点差罢了. 然后因为我懒,锚点的出现条件直接和目录的出现条件弄在一起.也就是匹配元素相对滚动条顶部的偏移超过200时显示. tag云: 我用Google随便找的.用的矢量绘图. 但是这玩意有

博客园添加网站统计访问量-操作简单很实用哦!

浏览博客园,看到这个小文章,跟着操作了一下,可以定制网站的访问人数.访问量,需要的亲果断试试看吧! 效果图: 博文: 无意中看到有这个访问量的统计,觉得挺好玩的,我们现在就来添加一个吧: 1. 先到http://www.amazingcounters.com/sign-up.php   这个地址去申请一个帐户,申请时填写好自己的资料,比如 你的统计风格样式.要统计的地址.要统计的类型,是浏览量(PV) 还是 访客数(UV),或者你也可以2个都统计:这些统计数据都是可以任意修改的哟,不过我们最好还

博客园添加一个分享的

给自己的博客添加一个分享的按钮吧!! 可以遇见更多志同道合的人呀!!! 使用百度的一键生成按钮就可以了:http://share.baidu.com/code 或者自己写一个也是一样的 <!-- 分享 --> <!-- JiaThis Button BEGIN --> <script type="text/javascript" > var jiathis_config={ siteNum:15, sm:"copy,qzone,tsina,