博客园在微信内置浏览器打开时添加微信赞赏码功能

隐藏

目录

• 1、博客园开通JS权限
• 2、上传微信赞赏码
• 3、添加脚本
• 4、添加样式
• 5、验证
• 转载博文请详细注明出处，谢谢！

 

---

我的博客开通了赞赏，看右侧悬浮【打赏】，很容易弄，文末有链接。

另外，在微信中打开时，博客正文底部增加微信赞赏码，在微信内置浏览器打开时，长按图片识别，直接可以赞赏。

这本人自己摸索的，未参考任何博文，属于原创，转载请详细注明出处。

回到顶部

1、博客园开通JS权限

开通方式：我的博客-管理-设置，往下拉有申请JS权限，填下理由，申请，一般第二天就申请通过了。

回到顶部

2、上传微信赞赏码

把你的赞赏码传到电脑上，改一下后缀为.gif或.dmp

然后在我的博客-管理-文件中，选择上传刚才的赞赏码，上传后点击那个文件会预览这个赞赏码，记住这个文件在地址栏的地址

回到顶部

3、添加脚本

在我的博客-管理-设置-页脚HTML代码中添加如下代码：其中img标签的src属性值改为你刚才看到的图片地址

<script> 
function isWeiXin() {
        var _userAgent = window.navigator.userAgent.toLowerCase();
        if (_userAgent .match(/MicroMessenger/i) == 'micromessenger') {
            $("#cnblogs_post_body").append("<img class='wxzs' src='https://blog-static.cnblogs.com/files/ibigboy/wxzanshang.gif'>");
        }
  </script>

回到顶部

4、添加样式

在页面定制CSS代码中添加样式。宽高我设置的是原图的一半，在微信中打开大小正合适。

.wxzs{
    width: 237.5px;
    height: 239.5px;
    margin: 0 auto;
    display: inherit;
}

回到顶部

5、验证

将自己的博客文章链接发到手机微信

打开后在文末，就会展示你的赞赏码，长按可识别。

回到顶部

转载博文请详细注明出处，谢谢！

本博客也开通了微信赞赏、支付宝赞赏以及支付宝红包功能，参看右侧【打赏】
这个功能是参考博客：https://www.cnblogs.com/flyfire-cn/p/10397896.html