做完這件事情,才發現最消耗時間的竟然是想名字,有同感扣個1;畢竟寫部落格不像打遊戲,隨便用一個,部落格隨便改名的後果確實很麻煩,所以一旦確定一個就不要變了,所以需要慎重!
部署方案選擇
- Hexo + gitpage
- 優點是完全免費,簡單易操作,模版多;缺點比如互動慢,更新麻煩,訪客資料統計麻煩;也無法體驗hexo的一些動態功能,畢竟gitpage只能展示靜態頁面;
- Hexo + 雲伺服器
- 可以體驗到完整的hexo功能,但是雲伺服器太貴了,如果找便宜的一個月,或者一年每次到期都需要資料遷移,實在繁瑣;
- CSDN、部落格園這類的部落格網站
- CSDN不用多說了,我是老使用者目前15w的訪問量,資料統計清晰,但是最大的弊端是廣告很討厭,還有vip,感覺亂七八糟的;
我覺得部落格園這麼多年,並沒有做出一些令使用者反感的行為,如果可以自己定製介面,那絕對是非常棒的,所以這次我也嘗試一下!
搭建過程
1. 申請JS許可權
部落格園申請JS許可權教程 - MacZhen - 部落格園 (cnblogs.com)
挺簡單的,語氣客氣一點,我剛申請過,大概不到半小時就通過了。感謝cnblogs' 稽核!
2. 開搞開搞
這裡推薦幾個主題吧,看個人喜好:
我就選這個吧
基本指南:Silence - 專注於閱讀的部落格園主題 (esofar.github.io)
專案地址:esofar/cnblogs-theme-silence: ? 一款專注於閱讀的部落格園主題 (github.com)
對原作者開源,表示感謝!@Esofar
3. 其他配置
音樂播放器
修改頁尾HTML程式碼
:
<!-- Music-->
...
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="xxxxxxxxxx" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="orange"></div>
<!-- Music end -->
"xxxxxxxxxx"
獲得方式:
開啟網易雲音樂網頁版,
在開啟的介面裡,找一個你想分享的歌單;(注意歌單裡面需要全部是免費能播放的,不然會出現版權問題不允許外鏈)
點這個以後,會跳轉一個頁面,類似瀏覽,諾可以正常播放則記錄下此時的url:
https://music.163.com/#/outchain/0/xxxxxxxxxx/
最後這串數字就是我們的目標,替換即可;
圖片放大
圖片放大功能,按照原文件會出現:點選圖片跳轉到了圖片的URL,並不是在當前URL下放大,縮小;應該是個小bug吧,所以這裡我就找了一些其他教程替代了一下;
修改頁尾HTML程式碼
:
<!--放大圖片-->
...
<script src="https://blog-static.cnblogs.com/files/zouwangblog/zoom.js"></script>
...
<!--放大圖片end-->
改為:
<!--放大圖片-->
...
<script src="https://blog-static.cnblogs.com/files/gaoht/zoom.js"></script>
...
<!--放大圖片end-->
新增訪問統計
部落格園新增訪問人數統計 - 犛牛 - 部落格園 (cnblogs.com)
照著做就對了,避個坑:寫使用者名稱的時候隨便小寫字母asdasa,別大寫;
效果好像還可以。
後來使用中發現,這個統計需要梯子才能觸發,算是一個小坑吧。