關於個人部落格的選擇及實現

Hang_in_there!發表於2022-01-17

做完這件事情,才發現最消耗時間的竟然是想名字,有同感扣個1;畢竟寫部落格不像打遊戲,隨便用一個,部落格隨便改名的後果確實很麻煩,所以一旦確定一個就不要變了,所以需要慎重!

部署方案選擇

  1. Hexo + gitpage
    • 優點是完全免費,簡單易操作,模版多;缺點比如互動慢,更新麻煩,訪客資料統計麻煩;也無法體驗hexo的一些動態功能,畢竟gitpage只能展示靜態頁面;
  2. Hexo + 雲伺服器
    • 可以體驗到完整的hexo功能,但是雲伺服器太貴了,如果找便宜的一個月,或者一年每次到期都需要資料遷移,實在繁瑣;
  3. CSDN、部落格園這類的部落格網站
    • CSDN不用多說了,我是老使用者目前15w的訪問量,資料統計清晰,但是最大的弊端是廣告很討厭,還有vip,感覺亂七八糟的;

我覺得部落格園這麼多年,並沒有做出一些令使用者反感的行為,如果可以自己定製介面,那絕對是非常棒的,所以這次我也嘗試一下!

搭建過程

1. 申請JS許可權

部落格園申請JS許可權教程 - MacZhen - 部落格園 (cnblogs.com)

image-20220116111952698

挺簡單的,語氣客氣一點,我剛申請過,大概不到半小時就通過了。感謝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"獲得方式:

開啟網易雲音樂網頁版,

image-20220117155917557

在開啟的介面裡,找一個你想分享的歌單;(注意歌單裡面需要全部是免費能播放的,不然會出現版權問題不允許外鏈)

image-20220117160142500

點這個以後,會跳轉一個頁面,類似瀏覽,諾可以正常播放則記錄下此時的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,別大寫;

效果好像還可以。

image-20220117180904054

後來使用中發現,這個統計需要梯子才能觸發,算是一個小坑吧。

部落格搬家

相關文章