Introduction of markdown
1. markdown preview enhanced
Search Markdown Preview Enhanced on vscode plug-ins
🧡 function: used for markdown file preview 🧡 feature: includes importing custom CSS to vscode for markdown preview
Prepare the CSS: Download purpose: Replace the CSS style in the default Github -light. CSS file with a custom CSS
⚠️ can copy the CSS code from the download link above, paste and replace it with the original github-light. CSS 🧡 Custom CSS usage steps: 3. Open the vsCode folder where the github-light. CSS file is located
■ The VS Code plugin is installed in C:\ user \ username \.vscode\ Extensions \ ■ Github-light.css: C:\ user \ username \.vscode\ Extensions \shd101wyy.markdown-preview-enhanced 0.3.13\node_modules\@shd101wyy\mume\styles\preview_them E ⚠️ Go to the github-light. CSS file and replace the custom CSS code
4. Modify the configuration file
- Ctrl+Shift+P opens the control command line
- The input
settings
- choose
Open Settings(JSON)
Enter the Configuration file - The input
"markdown-preview-enhanced.previewTheme": "github-light.css"
⚠️ remember that the JSON format needs to be separated by, so you need to add,
How do you choose a theme? 1) enter vscode 2) in the lower left corner ⚙️ : enter “theme” under “find extensions Preview” Enhanced Preview “theme” under “markdown”
Related recommendations:
Create a perfect MarkDown editor with VS Code plug-ins (plug-in installation, plug-in configuration, MarkDown syntax) 2. Solve the problem that MarkDown Preview Enhanced cannot use custom CSS under VS Code
2. Mardown PDF
Function: Can print markdown as PDF format extension ID: yzane.markdown-pdf
3. markdown TOC
Alanwalk. markdown-toc with :VSCode markdown automatically generate directory # toc # to solve the problem of directory untidiness