博客園使用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收款碼）。所以這個問題應該也不算問題了。