【整理】博客园如何增长打赏功能

博客园如何增长打赏功能

　　网上有很多关于给博客园增长打赏功能的帖子，本身看了一些后，结合各个的特色进行整理，具体实现步骤以下：

1.准备收款码

　　分别获取微信和支付宝的收款二维码，并在电脑上将其后缀名改成.bmp格式。

       注：因为微信和支付宝时长更新，如何获取收款二维码的步骤就不细说，百度一下就能够了，不难。

2.上传收款码

　　进入本身的博客园—>点击“管理”—>点击“文件”，如图2.1所示—>上传步骤1中准备好的收款码，如图2.2所示

图2.1 点击“文件”

图2.2 上传收款码

3.申请JS权限

　　进入本身的博客园—>点击“管理”—>点击“设置”，如图3.1所示—>找到一个大概叫"申请JS权限"的按钮—>填入申请理由，点击提交—>等待管理员经过审核

　　注：由于我已经审核经过了，因此没有这个按钮，没法截屏示范，可是不难找

图3.1 点击“设置”

4.复制代码

　　管理员审核经过JS权限后

　　进入本身的博客园—>点击“管理”—>点击“设置”，如图4.1所示—>将以下代码复制到“页首Html代码”中，如图4.2所示

 1 <script>
 2 window.tctipConfig = {
 3         imagePrefix: "http://files.cnblogs.com/files/kdy11/",
 4         cssPrefix:     "http://files.cnblogs.com/files/kdy11",
 5         buttonImageId:  4,
 6         buttonTip:  "dashang",
 7         list:{
 8             alipay: {qrimg: "http://files.cnblogs.com/files/engraver-lxw/ZFB.bmp"},
 9             weixin:{qrimg: "http://files.cnblogs.com/files/engraver-lxw/WX.bmp"},
10         }
11 };
12 </script>
13 <script src="http://files.cnblogs.com/files/kdy11/tctip.min.js"></script>

图4.1 点击“设置”

图4.2 “设置”中的“页首Html代码”

5.修改代码

　　进入本身的博客园—>点击“管理”—>点击“文件”，如图2.1所示—>在“上传文件管理”中会出现步骤二上传的收款码的文件名，如图5.1所示

　　点击收款码的文件名，如图4.1中的“WX.bmp”，会弹出如5.2所示的网页，显示本身上传的收款码，复制网页的连接（简称连接1），即图5.2中的红框，替换步骤4中第9行代码的连接；

       同理，点击另外一个收款码的文件名，得到连接2，替换步骤4中第8行代码的连接。

图5.1 上传文件管理

图5.2 收款码网页

6.点击“保存”

　　点击保存后，进入本身的博客看看，在博客的右侧是否有“打赏”按钮出现。

 

　　若有不对的地方，很是欢迎给予指导！

　　若有疑问，能够给我留言

 

【感谢】部分资料来源于

——https://www.cnblogs.com/unnamedprogramer/p/6186663.html

——https://www.cnblogs.com/kdy11/p/5838175.html