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 inputsettings
  • chooseOpen 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