博客樣式存檔二 (目前樣式)

本文將使用博客園自帶的SimpleMemory樣式與GitHub上的開源項目https://github.com/BNDong/Cnblogs-Theme-SimpleMemory來搭建目前使用的這個博客樣式。

1.頁面定制CSS代碼

• 建議使用最新版本的，本文使用版本為1.2.6
• 記得一定要禁用模板默認CSS
• 去這里將那一行代碼復制粘貼下來：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/master/src/style/base.min.css

2.博客側邊欄公告

• 網站圖標圖片是自己扣的一張阿誇（雖然已經高糊化），刪除該行可恢復默認設置
• 圖片URL可以換成自己喜歡的圖，可以把圖傳到圖床上，我太懶了就直接傳到博客園自帶的相冊里了

• <script type="text/javascript">
      window.cnblogsConfig = {
  		GhVersions    : 'v1.2.6', // 版本
          blogUser      : "localhost-ha", // 用戶名
          blogAvatar    : "https://images.cnblogs.com/cnblogs_com/localhost-ha/1663333/o_200307065904local.png", // 頭像
          blogStartDate : "2019-10-22", // 入園時間，年-月-日。入園時間查看方法：鼠標停留園齡時間上，會顯示入園時間
  		//網站圖標圖片Url：阿誇賽高!!!(超大聲
          webpageIcon: "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_200307064032aqua.png", 
  		//字體圖標庫擴展Css的Url
  		fontIconExtend: "//at.alicdn.com/t/font_543384_ezv3l7gd9r7.css", 
  		//菜單個人信息背景圖片設置
  		menuUserInfoBgImg: 'https://files.dbnuo.com/wallpaper/menu_bg.gif', 
  		//主頁banner圖片Url，推薦尺寸>= 1920*1080，每次刷新隨機設置一張
  		homeTopImg    : [
              "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_200307020448v2-22a97d6de20055eabe3b1ff7ba25f634_r.jpg",
              "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_v2-1a4746ed1ea37205de50e5ed282dc16a_r.jpg"
          ], 
  		//主頁 banner 上的標語獲取源
  		homeBannerTextType: "one", 
  		//文章頁banner圖片Url，推薦尺寸>= 1920*600
          essayTopImg: [
              "https://files.dbnuo.com/wallpaper/wallhaven-j82g35.webp",
              "https://files.dbnuo.com/wallpaper/wallhaven-2e37y9.webp",
              "https://files.dbnuo.com/wallpaper/wallhaven-lqddel.webp"
          ], 
  		//文章后綴配置
          essaySuffix: {
  	    aboutHtml: "可能又在摸魚",
              copyrightHtml: '轉載請注明出處', //版權聲明，不配置使用默認
              supportHtml  : '如果看到我摸魚請趕我去學習', 
          },
  		//使用prettify插件渲染代碼高亮
          essayCodeHighlightingType: "prettify", 
          essayCodeHighlighting: "prettify", //prettify 代碼高亮主題：prettify、desert、sunburst、obsidian、doxy
          //頁腳樣式
  		footerStyle: 2,
          //頁腳標語
          bottomText: {
              left : "好好學習",
              right: "天天向上",
          }
      }
  </script>
  <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.2.6/src/script/simpleMemory.min.js"></script>
  
  <!-- 是鼠標特效噠 -->
  <script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>
  

3.結束

• 改改用戶名還有里面的一些URL就可以直接用了，還是建議可以去看看官方文檔啥的