vscode的markdown預覽樣式可通過多種方式自定義。1. 可安裝“markdown theme picker”擴展一鍵切換內置主題，或手動創建markdown.css文件并通過設置指定其路徑以實現個性化樣式；2. 在設置中調整“markdown: preview font family”、“markdown: preview font size”和“markdown: preview line height”可改變字體、字號與行高；3. 通過本地css文件可深度定制樣式，如修改標題顏色、引入google fonts加載特定字體，但需注意文件位置、格式及網絡限制問題。以上方法適配不同用戶需求，從簡單換膚到高級定制均可實現。
vscode 的 Markdown 預覽功能非常實用，但默認樣式可能不太符合每個人的審美或閱讀習慣。其實我們可以很方便地自定義預覽的主題和字體，讓寫 Markdown 更舒服一些。
1. 自定義 Markdown 預覽主題
VSCode 支持通過安裝擴展或者手動添加 CSS 文件來修改 Markdown 預覽的主題樣式。
- 使用擴展方式更簡單：可以搜索安裝像 “Markdown Theme Picker” 這樣的插件，它提供多種內置主題，一鍵切換。
- 手動添加 CSS 文件：
- 在工作區根目錄下創建一個 .vscode 文件夾（如果沒有的話）。
- 在該文件夾中新建一個 markdown.css 文件。
- 在 VSCode 設置中搜索 Markdown: Styles，填寫這個 CSS 文件的路徑。
- 然后你就可以在這個 CSS 文件里寫自己的樣式了，比如修改背景色、字體大小等。
這種方式適合有一定前端基礎的人，如果你只是想換個好看的主題，推薦用第一種方式。
2. 修改 Markdown 預覽字體
有時候我們希望預覽窗口的字體跟編輯器一致，或者換成更適合閱讀的字體。
可以在設置中搜索以下配置項：
- Markdown: Preview Font Family：設置預覽區域的字體，比如 ‘Segoe ui’, ‘微軟雅黑’, sans-serif
- Markdown: Preview Font Size：調整字號，默認是 14
- Markdown: Preview Line Height：行高，默認是 1.6
這些設置會直接影響預覽窗口的文字顯示效果，建議根據自己的顯示器和閱讀習慣做微調。
3. 使用本地 CSS 樣式實現高級定制
如果你對樣式有更高要求，比如想要特定的標題顏色、代碼塊背景、段落間距等，可以通過上面提到的 markdown.css 文件進行深度定制。
舉個簡單的例子，如果你想把所有一級標題改成深藍色，可以加這樣一行 CSS：
h1 { color: #333399; }
還可以引入 Google Fonts 加載自己喜歡的字體：
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); body { font-family: 'Roboto', sans-serif; }
注意：CSS 只影響當前工作區的 Markdown 預覽，換項目時需要重新配置。
基本上就這些方法了，不復雜但容易忽略的是 CSS 文件的位置和格式是否正確，還有字體加載是否被網絡限制等問題。只要一步步試一下，很快就能調出自己喜歡的 Markdown 預覽風格。
