markdown editor效果

不废话，先上效果图

markdown editor安装

在vscode扩展中搜索"markdown editor"，找到以下图标并安装：

markdown editor配置

打开vscode的设置，搜索"markdown editor"，找到该插件的三条配置：

1、Use Vscode Theme Color：勾选表示使用vscode的主题背景色作为markdown editor的背景色，否则使用markdown editor自带的背景色

2、Custom CSS：使用自定义的css样式，直接将css代码粘贴复制到文本框中即可

3、Image Save Folder：图片文件的保存目录，允许用户自定义

markdown editor使用

在vscode中找到要打开的.md文件，右击找到"Open with markdown editor"选项，点击即可通过markdown editor编辑.md文件

markdown editor大纲

点击markdown editor工具栏中的"..."，找到"大纲"选项并点击，就可以打开大纲预览

我的自定义css

这里给出的我自定义的css样式：

.markdown-body {
	font-family: "Consolas", "等线";
	font-style: italic;
	max-width: 79rem;
	padding: 1rem;
}

h1 {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
}

h2 {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
}

h3 {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
}

h4 {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
}

h5 {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
}

h6 {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
}

p {
	font-family: "Consolas", "等线";
	font-style: italic;
	font-size: 0.8rem;
	line-height: 1.5;
}

a {
	font-family: "Consolas", "等线";
	font-style: italic;
	text-decoration: none;
	color: #0366d6;
	font-size: 0.8rem;
}

a:hover {
	font-family: "Consolas", "等线";
	font-style: italic;
	text-decoration: underline;
	font-size: 0.8rem;
}

blockquote {
	color: #6a737d;
	padding: 0 1rem;
	margin-left: 0;
	margin-right: 0;
	border-left: 0.25rem solid #dfe2e5;
	font-size: 0.8rem;
}

ul,
ol {
	font-family: "Consolas", "等线";
	font-style: italic;
	padding-left: 2rem;
	font-size: 0.8rem;
}

li {
	font-family: "Consolas", "等线";
	font-style: italic;
	margin-bottom: 0.25rem;
	font-size: 0.8rem;
}

li>p {
	font-family: "Consolas", "等线";
	font-style: italic;
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
}

pre {
	font-family: "Consolas", "等线";
	font-style: italic;
	background-color: #3f4041;
	border-radius: 0.375rem;
	font-size: 0.8rem;
	line-height: 1.45;
	overflow: auto;
	padding: 16px;
}

code {
	font-family: "Consolas", "等线";
	font-style: italic;
	background-color: rgba(27, 31, 35, 0.05);
	border-radius: 0.375rem;
	font-size: 0.8rem;
	padding: 0.2em 0.4em;
}

:root {
	--color-markdown-code-bg: #3a3b3b;
	--color-markdown-code-border: #d1d5da;
	--color-markdown-code-text: #faf4f4;
}