記錄一下個人博客搭建過程中遇到的問題。
github博客搭建
參考 https://www.cnblogs.com/wxyww/p/xiaoshujiang.html
申請倉庫，克隆主題文件，選主題花費了我大量時間。
這裏比較簡單吧~~~
主題修改
Edit
- _config.yml for base information
- _posts for articles, keep the name in right style
- assets/image for ico images
- _includes/side-panel.html for pictures of background and author.
- _includes/head.html for ico
來自 <https://github.com/Duola-li/Duola-li.github.io>
md推送
使用小書匠推送md。需要獲取token，權限也會給出必要的要求。
這樣每次寫新文章，直接寫md，然後推送到_post中就好了，不過要注意命名和備份。
命名規則：YY-MM-DD-Title.md
比如 2020-02-18-Markdown學習筆記
後發現小書匠經常上傳錯誤，可能是github的原因，但是行號，等等設置極其不方便，準備換了。據說vscode非常好，準備試試。
種草 vscode https://www.jianshu.com/p/cb8d2194d5ef
圖牀搭建
參考：https://www.jianshu.com/p/6807a3646a9b
其實和搭建博客一樣，上傳項目，開啓pages服務。而且這次使用的碼雲，非常方便，訪問速度也快。
同樣碼雲圖牀申請token，在小書匠中進行配置，能夠直接上傳圖片並字典插入絕對地址以供博客調用。非常方便。
簡單弄了個展示頁 https://octan3.gitee.io/images_bed/，
這裏的圖片批量上傳，需要順序化命名，並且要png，靜態網頁嘛~
有個工具批量修改文件名字非常好：圖片名字修改工具 renamer(jb51.net)
思維導圖展示
需求：編輯思維導圖，方便快捷的發佈到博客上。最好固定地址，不要每次上傳一張圖片。
而且小書匠提供生成思維導圖，雖然是html格式的圖片（src用base64）
4條路走。
- 最開始是小書匠默認的附件生成，發現無法引用，因爲地址是相對地址，而博客會根據時間解析地址，導致附件的地址錯誤。
- gitee圖牀存儲。發現不能訪問，感覺是跨域請求。
- 又改回github，在assets/images/文件下。單獨請求可以，但是文章中不行。(原來是網頁中的src標籤不支持引用html格式的圖片，給小書匠提了意見也沒接受，奇葩的腦回路)
- 使用processon，可以使用各種主題，重複編輯，固定發佈圖片地址。
速度優化
谷歌瀏覽器F12，network分析，發現最慢的是下面這三個：jQuery，字體，mathJax。因爲原網站在國外，所以訪問速度慢。使用國內的CND鏡像版本可以提高訪問速度。
很多web資源可以從下面網站中調用。
https://www.bootcdn.cn/font-awesome/
https://www.bootcdn.cn/mathjax/
https://www.bootcdn.cn/Jquery/
jquery在external.html,其他兩個在_includes/header.html文件中使用。替換掉對應版本就好。
