初入江湖:打造自定義部落格頁面
換裝寶典
書生下山,尋得秘笈
卻說那書生,懷揣滿腔熱血,心念江湖,欲在浩瀚的網際網路世界中開闢一方天地。聞聽有一絕世秘笈,名曰 Cnblogs-Theme-SimpleMemory,乃諸多程式碼俠士夢寐以求之至寶。
書生來到大理,無意中聽聞換裝寶典在此地現世。心中一動,決意前往探尋。
勤學苦練,備齊裝備
書生知曉,欲在江湖立足,必先備齊以下裝備:
- 靈敏的電腦
- 穩定的網路
- 部落格園賬號
- 對程式碼的無限熱愛
段譽道:“你欲學絕技,必先修煉內功,備齊裝備方能事半功倍。”書生點頭稱是,開始準備所需。
運功調息,初步配置
書生按圖索驥,開始調息運功,進行基礎配置:
- 登入江湖:前往 部落格園,登入賬號。
- 進入後堂:點選右上角頭像,選擇“設定”,側邊欄“部落格設定”。
- 選定皮膚:在“部落格皮膚”中,選擇“SimpleMemory”。
祭出秘笈,匯入心法
裝備齊全,心態平和,書生祭出秘笈,匯入心法:
- 開啟哆啦A夢的百寶箱,找到最新的 simpleMemory 程式碼。
- 複製主題自定義CSS部分,貼上到“頁面定製CSS程式碼”中。
- 複製以下程式碼,貼上到“部落格側邊欄公告”中。
點選檢視詳細程式碼
<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>-->
王語嫣在一旁指導:“秘籍雖好,須用心參悟,方能化為己用。”書生依言,將秘籍一一落實。
妙手偶得,完美佈局
書生欲求完美,可根據己心進行佈局調整:
- 調整配置:在複製的程式碼中,根據官方秘笈指引,調整各項配置引數。
- 微調佈局:如需更改頁面佈局,可進一步修改CSS和JS程式碼,使其與心意相合。
仗劍天涯,測試效果
心法初成,書生仗劍天涯,測試效果:
- 儲存設定:點選“儲存設定”,等待系統更新。
- 檢視部落格:返回部落格首頁,檢視心法實際效果,若有不妥之處,返回修改。
王語嫣讚道:“心法已成,須多加測試,方可完美。”書生依言行之,反覆測試調整。
深入簡出,登頂巔峰
段譽讚道:“然技藝無止境。不斷精進,方可登頂巔峰。”書生銘記教誨,繼續深入研讀,提升自我。