VSCode 中優雅地編寫 Markdown

在 VSCode 中編寫 Markdown 有幾個無法拒絕的優勢，首先是順手方便，常寫代碼的同學打開 VSCode 各項功能和快捷鍵使用的都比較熟練，可以提高效率，其次可以方便地集成 Git 對文件進行版本管理，最后也是最重要的一點，可以無縫集成 Copilot 輔助編寫內容，不管是寫文檔還是筆記都可以提供諸多便利。

首先會介紹幾個專門用于 Markdown 的插件，然后會推薦幾個 VSCode 上提高效率的插件，會對各個插件基本的使用和配置進行詳細的介紹以方便使用，最后會說說如何將筆記上傳到博客園和知乎。

• VSCode 中優雅地編寫 Markdown
  • 插件
    • Markdown All in One
    • Markdownlint
    • Pangu-Markdown
    • Markdown Preview Enhanced
    • Word Count CJK
    • Local history
  • 設置項
  • 發布到博客園/知乎

插件

Markdown All in One

該插件功能非常強大，提供了快捷鍵、目錄、自動預覽、圖片快速上傳等功能。

首先是快捷鍵功能，快捷鍵列表如下

快捷鍵	命令
Ctrl/Cmd + B	切換加粗
Ctrl/Cmd + I	切換斜體
Alt+S (Windows)	切換刪除線
Ctrl + Shift + ]	切換標題（上級）
Ctrl + Shift + [	切換標題（下級）
Ctrl/Cmd + M	切換數學環境
Alt + C	勾選/取消勾選任務列表項
Ctrl/Cmd + Shift + V	切換預覽
Ctrl/Cmd + K V	切換側邊預覽

如果部分快捷鍵無法使用，大概率是快捷鍵沖突了，請檢查自己的快捷鍵設置，其實常用的大概也就是粗體、斜體、切換標題、數學環境這幾個。

還支持目錄功能，按 Ctrl + Shift + P 呼出任務面板，然后搜索 create table 即可，搜索 add section numbers 還可以添加數字小標題如下：

另外在指定內容上插入超鏈接的功能非常好用，只需要復制鏈接然后選中內容粘貼即可，如下：

Markdownlint

該插件可以對 Markdown 文件的進行規范檢測并執行自動修復，推薦使用。

Pangu-Markdown

這個插件會自動為 Markdown 文件的中英文之間添加空格，中英文符號轉換等。

Markdown Preview Enhanced

Word Count CJK

中文字數統計，顯示在底部狀態欄左邊。

Local history

本地文件歷史記錄，每次保存都會將正在編輯的文本文件保存到當前工作區下的 .history/ 目錄下，文本文件占不了多少存儲，但是能有效防止丟內容。何況累積多了也可以自己刪除其中的內容。

如果配合 Git 使用的話可以設置一個全局的 .gitignore 文件屏蔽 .history/ 目錄，這樣就不需要在每個項目的 .gitignore 文件中屏蔽該目錄了。

設置項

主要是設置默認粘貼圖片文件的保存位置為 figs 目錄，然后保存時自動格式化等。

  "markdown.copyFiles.destination": {
      "*.md": "figs/${documentBaseName}-${fileName}"
  },
  "[markdown]": {
      "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
  },

  "pangu.auto_format_on_save": true,

  "markdown-preview-enhanced.codeBlockTheme": "github-dark.css",
  "markdown-preview-enhanced.previewTheme": "one-dark.css",
  "markdown-preview-enhanced.automaticallyShowPreviewOfMarkdownBeingEdited": true,
  "markdown-preview-enhanced.imageFolderPath": "/figs",

  "markdownlint.focusMode": false,
  "markdownlint.run": "onType",

發布到博客園/知乎

發布到知乎可以使用 Zhihu On VSCode 插件。

但是知乎的圖片上傳功能就是依托答辯，無法支持使用本地圖片的 markdown 文檔，我也不想搞任何的圖床，所以想到了一個曲折的方式，首先發布到博客園，博客園官方有 VSCode 插件，這個插件可以將所有本地圖片上傳到博客園自己的圖床上，然后替換本地圖片鏈接，這樣就可以發布到知乎上了。

總結

以上是生活随笔為你收集整理的VSCode 中优雅地编写 Markdown的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。