MAC OS系统下vscode插件markdown preview enhanced导出带目录的html

自定义样式

1. 打开vscode，执行shift+command+p，在弹出的窗口中输入Markdown Preview Enhanced，搜索相应的信息。如下图所示，主要用到两个配置：
   
2. 点击Customize CSS所在行，打开MPE的样式配置文件style.less，如下图所示，可以在文件中写入自定义的样式内容（在这里定义生成的html布局，如加上侧边栏目录等样式），不一定要在markdown-preview的标签内写入样式，也可以在后面追加合法的样式内容。这个文件中的内容最终会被加载到生成的html文件的<style></style>标签内。
   
3. 点击Extend Parser所在行，打开MPE的parser.js文件，已经有4个事件函数，如下图所示。其中函数onWillParseMarkdown，是在MPE预览解析md文件之前，可以对已编写的md原始内容进行预处理的函数。官网有说明。如果生成目录，要用到函数