vscode和markdown

简介

vscode内置了markdown preview工具。只是有些语法支持度不太高，所以我们需要更高的previewer。

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！接下来要讲的功能就需要使用内嵌HTML的方法来实现。

Markdown 支持内嵌 HTML 标签

previewer

用于preview的插件，官方推荐如下：

Markdown Preview Github Styling（不推荐）

更改vscode内置的markdown preview，以适应github的markdown preview的风格。

竟然也不识别加黄操作。

Markdown+Math（推荐）

支持数学公式等。

处理后，preview为：

Markdown Preview Enhanced（功能强大）

它是一个扩展，为您提供了许多有用的功能，如：

• 自动滚动同步
• 数学排版
• mermaid
• PlantUML
• pandoc, PDF导出
• 代码块
• presentation writer
• 等等

Customize

定制markdown.styles。

extensions

vscode官方推荐了几种插件：查看，接下来我将就着几种插件做一个对比。

markdownlint（推荐）

它是一个md文件的linter，包括一个规则库，以鼓励 Markdown 文件的标准和一致性。例如：

• MD041/first-line-heading/first-line-h1: First line in a file should be a top-level heading 【文件的第一行必须是： # 级别的标题】
• MD022/blanks-around-headings/blanks-around-headers: Headings should be surrounded by blank lines【标题的后面必须有空行】
• 等等

如果有问题，会有“〰️”提示：

Markdown Theme Kit（不推荐）

一组基于SublimeText-Markdown/MarkdownEditing的主题。

该插件会影响整个vscode的主题色。

Markdown Shortcuts（推荐）

用于编辑 Markdown（.md、.markdown）文件的便捷快捷方式。您还可以在任何其他文件中使用 Markdown 格式。

快速为文本增加格式。

操作方式 选中文本，右击，选择操作。

VS Code Printing Free（自选）

使用语法着色和行号来渲染markdown和code，然后用于print。

---

Editor(编辑器)

---

typora

Typora是一款极简的markdown编辑工具，目前适用的平台有windows，mac os x，linux，支持实时预览。

markdown本地工具优点：断网也可编辑，隐私性得到较好保护。

官网链接：typora