部落格美化&typora編寫部落格攻略(部落格園版)

wheeee發表於2020-10-13

https://www.cnblogs.com/WHU-TD/p/13768357.html
1、登入部落格後臺設定基礎選項
​ 部落格皮膚選為SimpleMemory,並選擇禁用模板預設CSS

​ 申請JS許可權(隨便寫兩句話,一般在1小時內申請就能通過)

2、找到喜歡的CSS主題模板
正如想要快速製作一款優美PPT的方式就是尋找好看的模板一樣,美化部落格的最簡單方式就是尋找好看的主題!!!!!

我目前使用的主題是BNDong
這個主題第一感覺就是美觀,缺點是應用到的元件太多了,而且元素存放在Github上,所以如果網路不好的話,開啟比較費力。如果會科+學+上網的朋友可以點選此處(此主題的github倉庫)檢視詳細的配置流程,原作者有及其詳細的說明。以下是本部落格對此主題的使用介紹。

3、BNDong主題使用
​ 成功申請JS許可權後如上圖所示

之後進入github倉庫的 /src/style/base.min.css目錄下尋找CSS原始碼,並將原始碼複製到部落格的CSS程式碼欄下。

注意:選擇壓縮原始碼,否則將超過字數限制

之後在CSS欄最後複製下一句話用於滑鼠的美化效果

*{ cursor:url(https://blog-static.cnblogs.com/files/chenguosong/shubiao.ico),auto;}
接著將以下內容複製到JS部分

其中版本要對應上CSS程式碼的版本,目前為v1.3.3版本;使用者名稱顯示為側面的使用者名稱,頭像圖片,主頁圖片,副頁圖片只支援圖片連結的形式,因此必須要將圖片存放在相簿中轉化為連結後才能使用。主題美化的介紹到此為止,下面將介紹如何用typora編寫部落格並將部落格對接到部落格園

4、typora設定
首先去官網下載安裝typora

並在【檔案】->【編號設定】中如下圖設定:

並且在【編輯器】中做如下修改

5、將typora同步到部落格
同步到部落格園,這裡需要使用一個.NET Core開發的工具,可以快捷的解析我們MarkDown中的圖片檔案並上傳,然後替換為上傳的圖片URL,之後再通過此工具轉換以後只需要複製貼上到部落格園即可

.NET Core Global Tool方式請訪問https://github.com/stulzq/CnBlogPublishTool檢視

(1)Release包下載回來
(2)下載編譯工具並安裝
安裝.NET Core SDK: https://www.microsoft.com/net/learn/get-started/windows
(3)開啟cmd工具安裝dotnet-cnblog
dotnet tool install -g dotnet-cnblog
(4)進入shell目錄,執行publish
(5)進入到publish目錄,右擊"dotnet-cnblog.exe" 選擇建立快捷方式
(6)把建立出來的dotnet-cnblog快捷方式剪下到傳送到目錄並改名(改名自己喜歡)
此命令是根據不同的電腦的使用者名稱進入到相對應使用者的傳送到目錄 C:\Users%username%\AppData\Roaming\Microsoft\Windows\SendTo(注意:AppData屬於隱藏資料夾)

(7)找到一個typora儲存好的檔案,右擊,選擇“傳送到”
​ 如果是第一次使用,會提示叫你輸入部落格ID,使用者名稱,密碼,成功就會圖片直接上傳到部落格上了(我已經登入過,就不會提示輸入部落格ID,使用者名稱,密碼),並生成一個新檔案(命令方式為:原檔名+cnblog)

(8)雙擊開啟原檔名+cnblog的檔案,把裡面所有內容複製,登入到cnblogs新建隨筆,貼上即可

來源:http://www.manongjc.com/detail/20-cdtnkkjltzqzyqc.html

相關文章