VS Code 搭建合適的 markdown 文件編寫環境
阿新 • • 發佈:2021-02-08
寫在開頭,之前我是使用Gitee與Github作為圖床和Picgo搭配Typora使用的 ,但因為最近覺得這樣還是稍微比較繁瑣,然後因為VS Code是我的主要文字編輯器、Cpp,Python等均是在VS Code上完成編寫程式碼和執行的。所以我覺得Markdown文字其實也可以融入其中一起使用。
**(本文其實就是配置完VS Code以後寫成的,感覺很棒)**
安裝的外掛列表:
- Markdown All in One
- picgo
- Markdown Preview Github Styling
> 目前還有一些生成PDF和TOC目錄的外掛我這裡就沒裝了(用不上)
## **1**、[VScode基本配置](https://zhuanlan.zhihu.com/p/56943330)
## 2、VSCode + Github + Picgo + jsDelivr 搭建穩定快速高效圖床
圖床是寫部落格存放圖片的重要平臺,我比較喜歡的是利用Picgo外掛的Github圖床,但是其伺服器不在國內,訪問起來比較的慢,甚至無法訪問。(期待早日取消半牆狀態)
所以需要利用到 jsDelivr CDN 加速 (jsDelivr 是一個免費開源的 CDN 解決方案),Picgo 外掛一鍵上傳,GIthub 和 jsDelivr 又是知名大廠,不怕他刪庫跑路。最主要的是可以白嫖,嘿嘿 :)
我平時喜歡在 VScode 裡面進行Markdown 的撰寫,所以利用的是 VSCode 裡面的 PicGo 外掛,當然PicGo 也是有自己的客戶端的,兩種方式配置方式基本一樣,使用起來也差不多。
### 2.1 新建Github倉庫
![20210207212933](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207212933.png)
### 2.2 生成專屬Token
![20210207213104](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207213104.png)
![20210207213142](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207213142.png)
![20210207213227](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207213227.png)
![20210207213353](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207213353.png)
生成Token以後記得**即時儲存**(因為只會顯示一遍)
### 2.3 在VSCode上配置 Picgo 外掛
![20210207213603](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207213603.png)
![20210207213943](https://cdn.jsdelivr.net/gh/Kanna-jiahe/blogimage/img/20210207213943.png)
> 這裡貼一下CDN連結
> ```
> https://cdn.jsdelivr.net/gh/Yourname/Reoname
> ```
### 2.4 PicGo 使用快捷鍵
Win: Ctil + Alt + U 圖片在剪貼簿上 Ctil + Alt + E 從資料夾中選擇圖片
Mac: Cmd + Opt + U / Cmd + Opt + E
## 3、Markdown文件編寫
[Markdown 公式指導手冊](https://www.cnblogs.com/RioTian/p/14111021.html)
```