给博客添加打赏功能

效果如右边~

喜欢我的请毫不犹豫的打赏我吧，1分1毛也是爱~么么哒(づ￣ 3￣)づ

 

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

2.上传图片

方法一：博客文件上传

博客设置 ==》 文件

将图片保存为bmp（博客园支持的格式）格式的，然后上传上面两张图片，记住文件名称哦~

方法二：上传图片到诸如七牛云、有拍云之类的cdn网站

这种不需要改为bmp格式，正常图片格式均可

3.博客设置

先查看是否开通支持js代码

不支持的话需要申请，等待一段时间就好了~

博客设置 ==》设置 ==》页首Html代码

复制下面的代码到页首html代码部分

参数说明：

1.红色部分替换为你的博客名称（不知道的在以下地方查看）

博客设置==》设置==》博客地址

2.加粗的黑色部分替换为你的图片地址 alipay对应支付宝，weixin对应微信

3.buttonImageId是打赏图片的颜色，选择你喜欢的颜色更改数字值

1 2 3 4 56789

 4.其他url的图片资源直接替换list下的链接即可

<script>
window.tctipConfig = {
staticPrefix: "http://static.tctip.com",
cssPrefix: "http://static.tctip.com",
buttonImageId: 3,
buttonTip: "dashang",
list:{
alipay: {qrimg: "https://files.cnblogs.com/files/calamus/mayun.bmp"},
weixin:{qrimg: "https://files.cnblogs.com/files/calamus/mahuateng.bmp"},
}
};
</script>
<script src="http://static.tctip.com/js/tctip.min.js"></script>

​

 这样打赏功能就实现了~记得打赏我哦~