1. 程式人生 > >VS Code 搭建合適的 markdown 文件編寫環境

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

寫在開頭,之前我是使用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) ```