【博客管理】博客优化之打赏功能

看博客园的时候，发现有的园友博客右侧都有一个：打赏控件。

但是，我看了一下，博客园自身没有这个功能。但其实，博客园是支持自定义插件的。 懂得同学基本就明白了，下面不用继续看，不清楚的，可以按照我下面的操作试一下。

下面给需要的小伙伴分享一下，整个“打赏”功能的实现：（该方法比较方便，不用再去下载插件）

第一步：进入“我的博客”->“管理”->“设置”，往下拉，找到“博客侧边栏公告”后面，申请“JS”使用。

 

 

申请成功后显示为这样：

　　　　

（如果没有申请的话，就不会显示）

 

第二步：准备 一张【支付宝收款的二维码】  和  一张【微信收款的二维码】，上传至博客文件夹，且这两张图片的格式后缀改为“.bmp”。

分别参考：

https://files.cnblogs.com/files/haochuang/zhifubao.bmp

https://files.cnblogs.com/files/haochuang/weixin.bmp

 

 

第三步：复制下面这段代码，

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

 

你要修改的地方是我用红色和绿色的部分，其中，红色部分是你的博客地址名，实在不知道的话，你可以通过“我的博客”->“管理”->“设置”找到；

绿色的部分就是你刚才上传的图片的名称。请一一对应修改。

 

第四步：找到“我的博客”->“管理”->“设置”，就是刚才查看博客名的页面，将页面往下拉，找到“页首Html代码”这个位置，将修改好的代码复制进去，保存就可以啦。

这种方法比较简单，不用下载插件。

如果想要更深的了解，可以访问https://github.com/greedying/tctip这里，这位大神还用了比特币，值得借鉴学习。

以上仅是个人实践后的分享。欢迎补充。

【小主，觉得有用打赏点！你也可以测试一下这个功能看是否有bug。打赏多少没关系，一分也是爱，感谢鼓励和支持。欢迎flow，谢谢！】