初入江湖:打造你的自定義網站

jiayusu發表於2024-06-29

初入江湖:打造自定義部落格頁面

換裝寶典

書生下山,尋得秘笈

卻說那書生,懷揣滿腔熱血,心念江湖,欲在浩瀚的網際網路世界中開闢一方天地。聞聽有一絕世秘笈,名曰 Cnblogs-Theme-SimpleMemory,乃諸多程式碼俠士夢寐以求之至寶。

書生來到大理,無意中聽聞換裝寶典在此地現世。心中一動,決意前往探尋。

勤學苦練,備齊裝備

書生知曉,欲在江湖立足,必先備齊以下裝備:

  • 靈敏的電腦
  • 穩定的網路
  • 部落格園賬號
  • 對程式碼的無限熱愛

段譽道:“你欲學絕技,必先修煉內功,備齊裝備方能事半功倍。”書生點頭稱是,開始準備所需。

運功調息,初步配置

書生按圖索驥,開始調息運功,進行基礎配置:

  1. 登入江湖:前往 部落格園,登入賬號。
  2. 進入後堂:點選右上角頭像,選擇“設定”,側邊欄“部落格設定”。
  3. 選定皮膚:在“部落格皮膚”中,選擇“SimpleMemory”。

祭出秘笈,匯入心法

裝備齊全,心態平和,書生祭出秘笈,匯入心法:

  1. 開啟哆啦A夢的百寶箱,找到最新的 simpleMemory 程式碼。
  2. 複製主題自定義CSS部分,貼上到“頁面定製CSS程式碼”中。
  3. 複製以下程式碼,貼上到“部落格側邊欄公告”中。
點選檢視詳細程式碼
<script type="text/javascript">
    window.cnblogsConfig = {
    info: {
        name: 'userName', // 您的使用者名稱
        startDate: '2021-01-01', // 您的入園時間,年-月-日。入園時間檢視方法:滑鼠停留園齡時間上,會顯示入園時間
        avatar: 'http://xxxx.png', // 您的頭像 URL 地址
    },
    }
</script>
<!-- 外掛檔案引入 -->
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@{VERSION}/dist/simpleMemory.js" defer></script>

<!-- 也可以使用下面的地址進行載入,CDN 使用哪家,大家自己權衡 -->
<!--<script src="https://jsd.cdn.zzko.cn/gh/BNDong/Cnblogs-Theme-SimpleMemory@{VERSION}/dist/simpleMemory.js" defer></script>-->

王語嫣在一旁指導:“秘籍雖好,須用心參悟,方能化為己用。”書生依言,將秘籍一一落實。

妙手偶得,完美佈局

書生欲求完美,可根據己心進行佈局調整:

  1. 調整配置:在複製的程式碼中,根據官方秘笈指引,調整各項配置引數。
  2. 微調佈局:如需更改頁面佈局,可進一步修改CSS和JS程式碼,使其與心意相合。

仗劍天涯,測試效果

心法初成,書生仗劍天涯,測試效果:

  1. 儲存設定:點選“儲存設定”,等待系統更新。
  2. 檢視部落格:返回部落格首頁,檢視心法實際效果,若有不妥之處,返回修改。

王語嫣讚道:“心法已成,須多加測試,方可完美。”書生依言行之,反覆測試調整。

深入簡出,登頂巔峰

段譽讚道:“然技藝無止境。不斷精進,方可登頂巔峰。”書生銘記教誨,繼續深入研讀,提升自我。


相關文章