博客园使用Silence主题装饰

自从入了编程的路子，博客就是常常接触的工具，工作学习的过程中遇到问题，网上查找解决方式都是别人写的博客中记录了相关的解决方法。自己也曾尝试写写一些问题的解决经历。最早接触博客园是在大二的时候，当时写的东西已经被我删了。当时只是参加一些编程学习，写了点学习中遇到问题和学到的知识点，但是后毕业入了行，反而觉得太幼稚又删了。现在看看后面刚刚入行时写的文字，也是很幼稚的。不过也觉得是一种回忆，索性还是留着吧。

最早接触的博客就是博客园，后来也试了CSDN、hexo+github托管，甚至免费空间的WordPress等等。觉得各有优势吧。其实后来做了开发，看了很多人自建博客，也想自己写一个自己的博客。但是现实总是很残酷。最后用了成本最低的hexo+github的方式。但是这个方式发布比较麻烦，需要自己电脑上有node+git环境。慢慢的也没使用了。

最近找资料看到很多人的园子都是自定义的，很好看。就搜索了下装饰园子的方法。很多都是教怎么通过写样式和脚本的方式调整自己的样式。无奈自己不是专业前端，这样的方法有点费劲。最后找了个现成的主题“Silence”，也就是现在博客使用的主题。我觉得很清爽。

项目主页

项目开源，托管在github上面。地址：https://github.com/esofar/cnblogs-theme-silence

上面有完整的部署文档照着做就行，不过前提是博客园账号申请了js权限。

有点问题

按照部署文档示例的代码直接部署的。看到有可以自定义的然后改了下。当时看文章下面还有收款码的地方，抱着试试玩的心态，也跟着设置了下（我知道我写的没人会打赏的）。发现一个问题，支付宝和微信的收款码可以点击后弹框展示，很好看。当我设置了PayPal的收款码的时候点击就是新建标签页打开了收款码图片。

作为开发的我，当然要看看问题在哪里，然后发现应该是作者写错了。

$sponsor.find('.box>li').click(function () {
    var type = $(this).attr('class');
    if (type === 'paypal') {
        if (!sponsor.paypal) {
            return that.showMessage('博主忘记设置 PayPal 收款地址');
        }
        window.open(sponsor.paypal, '_blank');
    } else if (type === 'alipay') {
        if (!sponsor.alipay) {
            return that.showMessage('博主忘记设置支付宝收款二维码');
        }
        showQR(sponsor.alipay);
    } else if (type === 'wechat') {
        if (!sponsor.wechat) {
            return that.showMessage('博主忘记设置微信收款二维码');
        }
        showQR(sponsor.wechat);
    }
});

可以看到PayPal的这块不是showQR，而是window.open。可以将这块改了重新编译一下。当然我偷个懒，直接去min.js里面改的。

---

2019-8-13
去作者的github提了issue。作者回复，本意是PayPal的收款就是打开一个链接，然后看了下提示也是“博主忘记设置 PayPal 收款地址”，所以会用window.open，感觉也没问题。其实我也没用过PayPal收付款过，只是看到可以通过二维码收款就制作了个收款码。（作者说他不清楚PayPal收款码）。所以这个问题应该也不算问题了。