部落格園主題——atum1.1升級釋出啦
阿新 • • 發佈:2020-03-08
#atum主題部署文件
>自週三釋出的部落格園主題1.0版本贏得得廣大博友的好評,但同時該主題也存在一些小瑕疵,這個版本主要是根據atum1.0版本以及各博友的建議做了一些升級改動,改動後重新打包釋出atum1.1版本。博主在接下來的版本迭代中也會不斷加入更多符合博友方便使用的各種新特性。好了,接下是atum1.1主題的部署詳情。
## 介紹
一款由VUE打造的簡約型部落格主題,相容各大主流瀏覽器,響應式設計,PC、平板、手機等均可正常瀏覽。
## 特性
- 響應式設計,相容手機端瀏覽器。
- 提供多種配置資訊,方便各類使用者進行個人定製化。
- 部署文件十分詳細且部署快捷。
- 主題整體偏向簡約、無太多不必要的特效畫面、偏向於閱讀型部落格。
- 請求區域性HTML重新整理,實現全站無重新整理式載入。
## 該版本主要改進
- 相對於atum1.0需要的blogAcc、blogId等引數的必須配置,該版本採用自動配置特性,即做到了**所有屬性無必須配置**,做到了**按需配置**的特性。
- 中央面板新增滾動條輔助,改進了能夠快速進入頁底或頁頂的閱讀體驗。
- 修改部落格文章標題右側眼睛圖示為放大圖示,點選可進行全屏沉浸式閱讀文章,加強閱讀體驗。
- 調整分頁顯示,修改為分頁頁數在下,分頁內容在上。
- 調整各處內容過長導致內容溢位或換行問題。
## 急速部署
前提:已經開通`js`許可權,沒開通的可以向部落格園官方申請開通。
前提:對於隨筆釋出請不要設定EntryName屬性。
1. 進入部落格園設定,修改面板為**SimpleMemory**
2. 在**頁面定製 CSS 程式碼**下方勾選**禁用模板預設CSS**
3. 將下方程式碼塊拷貝至**頁首 HTML 程式碼**編輯框中
4. 儲存檢查部落格樣式是否正常
```
```
##配置引數說明
**自定義引數屬性[按所需進行修改]**
|引數|是否必填|值說明|預設值|
|:---|:---|:---|:---|
|headBackImg|非必填|心情欄目背景圖URL地址|.../img/ing/autorbimg.jpg|
|bigBackImg|非必填|背景圖URL地址|.../img/body/background.jpg|
|blogSign|非必填|部落格簽名|自慚多情汙梵行,入山又恐誤傾城。世間安得雙全法...|
|aboutmeHtml|非必填|關於我Html展示模板|` `|
|avatarSign|非必填|頭像底部簽名| ↗↗點選頭像關注我。|
|ingTitle|非必填|心情欄簽名|一念花開,一念花落。這山長水遠的人世...|
|blogFriendList|非必填|部落格友鏈欄|[{name: '', url: ''}]|
|blogUsedLinks|非必填|部落格常用連結|[{name: '', url: ''}]|
|musicIds|非必填|網易雲單曲ID(陣列)或歌單ID(字串)|["26568025", "26329928"]|
|qq|非必填|博主QQ|592571519|
|email|非必填|博主email|[email protected]|
|github|非必填|博主github|cjunn|
|mainExtNav|非必填|面板擴充套件外鏈|[{title: "音樂收藏", url: "...", icon: "ic_addmusic"}]|
**如果您需要在載入完atum主題後再次進行css渲染或JS執行可以設定以下引數值**
|引數|是否必填|值說明|預設值|
|:---|:---|:---|:---|
|extCss|非必填|擴充套件CSS樣式URL|預設為空陣列|
|extJs|非必填|擴充套件JS指令碼URL|預設為空陣列|
**全域性類引數[不建議修改]** **如果您是屬於二次開發則建議您修改此處,使其載入地址為您的伺服器地址** |引數|是否必填|值說明|預設值| |:---|:---|:---|:---| |autoInfoReset|非必填|是否自動裝配部落格園博主引數|true| |staticSrc|非必填|JS與CSS引用URL地址(預設即可)|https://cdn.jsdelivr.net/gh/cjunn/atum@| |staticVer|非必填|引用atum的版本號|v1.1| |staticIco|非必填|網頁Icon的URL地址|https://cjunn.gitee.io/c_cnblog_vue/img/body/miao.ico| |extendApiPath|非必填|粉絲詳情,部落格文章搜尋,快閃記憶體介面API|https://www.cjunn.xyz/cnblog-api| |extendStylePath|非必填|部落格圖片庫URL地址|https://cdn.jsdelivr.net/gh/cjunn/[email protected]|
**使用者引數配置(autoInfoReset引數預設開啟,下方表格引數將自動注入為您的相關部落格資訊,您可無需關注該表格引數)**
|引數|是否必填|值說明|預設值|
|:---|:---|:---|:---|
|blogAcc|非必填|部落格賬號名|cjunn|
|blogId|非必填|部落格ID號|571504|
|blogPostId|非必填|部落格隨便一篇隨筆的隨筆ID號|12237892|
|blogName|非必填|部落格名稱|C君|
|blogUserGuid|非必填|部落格賬號的GUID號|2476b4f3-9f13-4c75-389e-08d789d7fa8d|
|blogIndexPath|非必填|部落格主頁URL地址|https://www.cnblogs.com/cjun/|
|manPage|非必填|部落格管理後臺URL地址|https://i.cnblogs.com/|
|sendPage|非必填|部落格傳送郵件URL地址|https://msg.cnblogs.com/send/cjunn|
|subPage|非必填|部落格訂閱RSS地址|https://www.cnblogs.com/cjunn/rss|
## 部署後效果
![](https://img2020.cnblogs.com/blog/1912183/202003/1912183-20200304021023218-1917676940.png)
具體效果可至 [點我跳轉](https://www.cnblogs.com/cjunn/) 檢視。
## 最後
- 開源地址[Gitee](https://gitee.com/cjunn/cnblog_theme_atum.git)、[Github](https://github.com/cjunn/cnblog_theme_atum.git),求些小星星嗯。
- 感謝 [@YJLAugus](https://www.cnblogs.com/yjlaugus/) 在該主題不斷程式碼迭代的時候提供的寶貴意見。
- 原始碼目前已開源、方便具有開發經驗的人進行二次開發、但懇請您二次開發時能夠保留相應的作者資訊。
- 如果你有多餘的RMB的話,可以賞我吃顆糖麼。
- 如果您讚賞了我,請在支付寶或微信上留下部落格園ID號,讓我知道你嗯。
**全域性類引數[不建議修改]** **如果您是屬於二次開發則建議您修改此處,使其載入地址為您的伺服器地址** |引數|是否必填|值說明|預設值| |:---|:---|:---|:---| |autoInfoReset|非必填|是否自動裝配部落格園博主引數|true| |staticSrc|非必填|JS與CSS引用URL地址(預設即可)|https://cdn.jsdelivr.net/gh/cjunn/atum@| |staticVer|非必填|引用atum的版本號|v1.1| |staticIco|非必填|網頁Icon的URL地址|https://cjunn.gitee.io/c_cnblog_vue/img/body/miao.ico| |extendApiPath|非必填|粉絲詳情,部落格文章搜尋,快閃記憶體介面API|https://www.cjunn.xyz/cnblog-api| |extendStylePath|非必填|部落格圖片庫URL地址|https://cdn.jsdelivr.net/gh/cjunn/[email protected]|