VsCode編寫Markdown文檔

下載安裝VsCode

vscode官網下載安裝包,安裝即可。

Markdown

使用Markdown語法寫文章,能夠使作者更專注于能容內容,而不是排版。之前是用typora寫的,這款軟件也很不錯,界面簡潔舒適,而且可以實時預覽,近乎完美但是卻又不能達到完美,因為寫文檔的時候經常需要截圖,然后從剪貼板從直接黏貼放進文檔,但只是將截圖存放在本機電腦上,所以一旦文檔中有了截圖,將Markdown文檔遷移到別的電腦上展示的成本就大大增加(圖片也要一并復制過去)。如果寫靜態(tài)博客還可以將圖片配置到博客目錄中,但是如果要寫到一些公共博客平臺,則必須使用鏈接引入圖片,否則無法正常顯示,所以需要圖床功能。

圖床

圖床功能就是可以將你本地粘貼的圖片上傳到網絡,并給你返回該圖片的地址。這樣無論你的文章發(fā)給誰、發(fā)在哪個平臺,只要有網絡,都是能正常訪問到這個圖片的。因此圖床也是一個不得不考慮的話題,網上有不少三方的,但是用起來總不如自己構建的放心,因此利用PicGo+GitHub的方案,構建出一款免費好用且穩(wěn)定的自建圖床。

PicGo下載

創(chuàng)建自己的GitHub圖床

1.注冊/登陸GitHub賬號

2.創(chuàng)建Repository

vscode_markdown

3.生成一個Token用于操作GitHub repository github網站 -> Settings -> Developer Settings -> Personal Access tokens -> Generate new token -> 記住此token

4.PicGO中修改Github圖床配置,即可使用PicGo上傳圖片生成鏈接。


image
  • 設定倉庫名:這里的格式為用戶名/倉庫名,比如我的就是 MambaInVeins/ImageHosting

  • 設定分支名:這里寫入分支名稱,一般直接用maser即可。

  • 設定Token:將剛剛創(chuàng)建的令牌填入。

  • 指定存儲路徑:這個地方可以通過寫入一個路徑名,從而實現(xiàn)指定目錄的上傳。

  • 設定自定義域名:這個域名是為了后邊自動生成圖片地址拼接而用的,格式是:https://raw.githubusercontent.com/MambaInVeins/ImageHosting/master

這么幾條配置完成之后,可以點擊一下確定,然后將其設為默認圖床,然后就可以投入使用了。

5.或者安裝vscode PicGo插件,修改配置,直接使用快捷鍵在vscode中插入圖片圖床鏈接。


image

其中快捷鍵有PicGo支持兩種方式在vscode上粘貼圖片:

  • ctrl+alt+u:上傳剪貼板中的圖片到服務器。

  • ctrl+alt+e:打開文件瀏覽器選擇圖片上傳。

使用插件Markdown Preview Enhanced

Markdown Preview Enhanced是一個很好用的完善預覽功能的插件,可以更加形象的展示所編寫的pdf格式的文檔樣式。在插件庫中搜索markdown即可找到該插件,然后點擊安裝后重新加載。你會發(fā)現(xiàn)工作區(qū)的右上角多了一個預覽按鈕,這個按鈕就是Markdown Preview Enhanced插件產生的,嘗試點擊之后看到更加接近pdf文件格式的預覽效果。你會發(fā)現(xiàn)工作區(qū)的右上角多了一個預覽按鈕,這個按鈕就是Markdown Preview Enhanced插件產生的,嘗試點擊之后看到更加接近pdf文件格式的預覽效果。同樣可以直接在編輯界面右鍵即可開啟Markdown Preview Enhanced插件的預覽功能。還可以通過快捷鍵打開,先按(Ctrl+k)然后緊接著按(v)即可。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容