VS Code 搭建合適的 markdown 文件編寫環境

RioTian發表於2021-02-07

寫在開頭,之前我是使用Gitee與Github作為圖床和Picgo搭配Typora使用的 ,但因為最近覺得這樣還是稍微比較繁瑣,然後因為VS Code是我的主要文字編輯器、Cpp,Python等均是在VS Code上完成編寫程式碼和執行的。所以我覺得Markdown文字其實也可以融入其中一起使用。

(本文其實就是配置完VS Code以後寫成的,感覺很棒)

安裝的外掛列表:

  • Markdown All in One
  • picgo
  • Markdown Preview Github Styling

目前還有一些生成PDF和TOC目錄的外掛我這裡就沒裝了(用不上)

1VScode基本配置

2、VSCode + Github + Picgo + jsDelivr 搭建穩定快速高效圖床

圖床是寫部落格存放圖片的重要平臺,我比較喜歡的是利用Picgo外掛的Github圖床,但是其伺服器不在國內,訪問起來比較的慢,甚至無法訪問。(期待早日取消半牆狀態)

所以需要利用到 jsDelivr CDN 加速 (jsDelivr 是一個免費開源的 CDN 解決方案),Picgo 外掛一鍵上傳,GIthub 和 jsDelivr 又是知名大廠,不怕他刪庫跑路。最主要的是可以白嫖,嘿嘿 ?

我平時喜歡在 VScode 裡面進行Markdown 的撰寫,所以利用的是 VSCode 裡面的 PicGo 外掛,當然PicGo 也是有自己的客戶端的,兩種方式配置方式基本一樣,使用起來也差不多。

2.1 新建Github倉庫

20210207212933

2.2 生成專屬Token

20210207213104

20210207213142

20210207213227

20210207213353

生成Token以後記得即時儲存(因為只會顯示一遍)

2.3 在VSCode上配置 Picgo 外掛

20210207213603

20210207213943

這裡貼一下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 公式指導手冊

相關文章