vscode插件推薦之Mardown插件推薦

markdown簡介

1. markdown preview enhanced

vscode插件上搜索 Markdown Preview Enhanced

🧡做用: 用於markdown文件預覽<br/>
🧡特性: 包含導入自定義css到vscode爲markdown預覽<br/>

準備css: 下載<br/>
目的: 使用自定義css替換默認 github-light.css文件中的css樣式

⚠️能夠複製上面下載連接的css代碼，粘貼替換到原來的 github-light.css<br/>
🧡自定義css使用步驟:<br/>
一、安裝vscode(visual studio code)<br/>
二、安裝插件 Markdown Preview Enhanced<br/>
三、打開github-light.css文件所在的vscode插件目錄

■VS Code插件安裝在以下路徑： C:\用戶\用戶名\.vscode\extensions\<br/>■github-light.css放置目錄: C:\用戶\用戶名\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.3.13\node_modules\@shd101wyy\mume\styles\preview_theme<br/>⚠️進入github-light.css文件,替換自定義css代碼

四、修改配置文件

• Ctrl+Shift+P打開控制命令行
• 輸入 settings
• 選擇 Open Settings(JSON)進入配置文件
• 輸入 "markdown-preview-enhanced.previewTheme": "github-light.css"
  ⚠️記得 json格式須要用 ,分隔,因此在輸入以後須要添加 ,

如何選擇主題theme呢?<br/>
1）進入vscode<br/>
2）依次左下角⚙️➡輸入theme➡找到 extensions ➡Mardown Preview Enhanced➡Preview Theme設置<br/>在此可選擇markdown預覽主題

相關推薦:

一、使用VS Code插件打造完美的MarkDown編輯器(插件安裝、插件配置、markdown語法)<br/>
二、解決VS Code下Markdown Preview Enhanced不能使用自定義css的問題

---

2. Mardown PDF

功能: 能夠打印markdown爲PDF格式<br/>
擴展ID : yzane.markdown-pdf

3. markdown TOC

功能: 可生成目錄，自動爲標題編號<br/>
插件ID: alanwalk.markdown-toc <br/>
配合:VSCode之Markdown自動生成目錄#TOC#解決目錄不整齊問題