SimpleMemory部落格園皮膚

萊納你坐啊發表於2020-09-24

1.引言

  之前在CSDN寫部落格，不過廣告太多，而且魚龍混雜，水文章的蠻多的，也不是說它沒有優點，論壇對小白也是挺友好的，下載東西也比較方便，不過其中的廣告勸退了我。
跑到部落格園上後，發現部落格主題比較復古，給人一種處於2000-2010年的跨時代感，感謝舍友的分享，讓我知道部落格主題也可以很好看。

2.部落格主題展示

  宣告：這個主題是一位大佬做的。
  大佬的GitHub專案地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
  大佬的部落格園地址：https://www.cnblogs.com/BNDong


                                    圖2.1部落格首頁

    圖2.2側邊欄，包括隨筆，文章等

                                    圖2.3文章頁

3.開始安裝

  • 進入設定，申請js許可權(大概隔了3個小時稽核就通過了)

  • 選擇部落格皮膚--"SimpleMemory"

  • 複製大佬github專案上的程式碼

    複製src/style/base.min.css程式碼-->"頁面定製CSS程式碼"處,然後勾選"禁用模板預設CSS"；

  • 複製以下程式碼到"部落格側邊欄公告"，需要自行修改相關引數

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3', // 版本
        blogUser      : "laina", // 使用者名稱
        blogAvatar    : "https://pic.cnblogs.com/avatar/2122236/20200810005505.png", // 使用者頭像
        blogStartDate : "2020-8-10", // 入園時間，年-月-日。入園時間檢視方法：滑鼠停留園齡時間上，會顯示入園時間
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
  • 複製以下程式碼到"頁尾HTML程式碼"
<!--程式碼複製-->
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
<!--主題-->
<script src="https://blog-static.cnblogs.com/files/gshang/gshang.bilibili.big.2020.02.27.4.js" ></script>
<!--scrollTo-->
<script src="https://cdn.bootcss.com/jquery-scrollTo/2.1.2/jquery.scrollTo.js"></script>
<!--owo表情-->
<script src="https://blog-static.cnblogs.com/files/gshang/gshang.owo.2020.01.05.1.js"></script>
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/gshang/gshang.OwO.3.css" />
<!-- import Vue.js -->
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!-- 引入樣式 -->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.css">
<!-- 引入元件庫 -->
<script src="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.js"></script>
  • 最後儲存即可。

相關文章