博客主題更新了

博客主題更新了

Update:修改了一些小bug和細節（可能看不出來）

噹噹噹，通過博主一點一點的修改（實際上是懶得改），博客主題終於迎來一次重大更新。原本想須要的人本身從控制檯扒代碼，不打算髮布，然而仍有不熟悉前端的同窗向我發出請求。本着互聯網共享精神，特意發佈當前博客主題

注意：Wider本人也不熟悉前端知識，都是平時有時間瞎搗鼓，寫的代碼冗長且可能存在未知bug，不必定能及時更新哦

特性

加入特點圖片

介紹

博客首頁文章卡片增長特點圖片功能，效果詳見個人博客首頁，能大幅度增長博客美觀度，建議用簡單不雜亂的圖片。

用法

添加新隨筆時，在高級選項中摘要旁點擊 「插入摘要右側圖片」 便可，注意當前的方法存在缺陷，即插入圖片後，若是摘要不寫文字，那麼博客不會自動截取文章內容看成摘要的。因此，文章的摘要要本身寫。

增長博客頭部泡泡特效

若是不喜歡，那麼能夠在頁腳js代碼中刪掉

addListeners();
initHeader();

這兩行代碼

功能按鈕轉移到側邊欄

之前的功能按鈕是放在一個菜單裏的

如今直接放在外面，如圖：

多彩標籤

隨筆分類及標籤分類會自動隨機幾種顏色

若想修改隨機色請轉頁面定製 CSS 代碼1618行

更改配色

粉紅和粉藍，感受萌萌噠

細節

增長回到頂部按鈕，卡片圓角效果，卡片翹角陰影，平滑滾動效果，卡片放大效果，頁面佈局修整，文字排版優化等等。

其餘待填坑

使用

下載地址

Wider的博客主題2

使用須知

• sidebar.html
  • 請將第 3，4 行中 ********** 替換爲本身的Blog 地址名
• foot.html
  • 請將第 11 行中prepend後信息（QQ,github,Wechat,Email）進行個性化修改
  • 請將第 17 行中 ********** 替換爲本身的Blog 地址名
  • 請將第 67 行 https://**********.gif （網站的小圖標）改成本身喜歡的圖標
  • SmoothScroll會影響性能，若不須要請刪去第 2 行
  • 泡泡特效會影響性能，若不須要請刪去 140，141 兩行的addListeners(); initHeader();
• my.css
  • 請將第 44 行 **********.jpg （頂部背景圖片）改成本身喜歡的圖片
  • 請將第 84 行 **********.png （頭像圖片）改成本身的頭像
  • 第 33 行的圖片連接爲頁面紋理，須要修改的同窗請在此處修改
  • 第 1804 行開始到第 1896 行爲代碼高亮樣式，須要修改的同窗請訪問highlight.js下載代碼主題
  • 若想修改隨機色請轉CSS代碼 1618 行

聲明

重要的事情說三遍，必定不能照搬別人的博客，要個性化、個性化、個性化!

由於沒怎麼學過前端，Wider搞這個主題花了好大力氣，碼這篇文章也用了好大力氣，請各位使用本主題不要忘記在個人留言板上留言哦~~

本人學務繁忙，所以沒法及時回覆各位的問題，請你們見諒

感謝

因爲博客多數部件由他處搬運而來，再此感謝各位不知名的大佬，另外，本主題使用以下開源框架：

• MathJax
• FontAwesome
• SmoothScroll

2019.11.5