Markdown转HTML

转换所需

1.Microsoft Visual Studio Code

官网下载

Microsoft Visual Studio Code官网

Microsoft Store下载

2.一个Markdown文件(*.md)

操作流程

1.打开Microsoft Visual Studio Code

2.点击左侧的扩展图标

3.搜索

Markdown Preview Enhanced

2,3步也可以在Web中进行

Microsoft Visual Studio Code Markdown Preview Enhanced下载页面

4.点击安装

5.点击左侧的文件夹图标

6.点击打开文件夹

7.打开你存放Markdown(*.md)的文件夹

8.打开你的Markdown(*.md)文件

9.按下Ctrl+K和V打开实时预览

10.在实时预览界面点击右键

11.将鼠标悬停在HTML上并点击你想要生成的类型

此处有两种类型,分别是offline和cdn hosted.offline即是将css等保存至本地,cdnhosted则是将css等在cdn网站中调用.此处建议使用cdn hosted.

12.然后插件就会自动将Markdown(*.md)文件转换为HTML(*.html)文件储存在同目录下

13.点击HTML(*.html)文件即可在浏览器中打开

14.不过此时的HTML(*.html)文件的代码比较乱,需要进行格式化

15.打开网站prettier

prettier

16.点击TRY IT ONLINE

17.将HTML(*.html)代码粘贴在左侧

18.在左上角的parser中选择html

19.根据自己习惯配置

20.复制右侧代码全选粘贴在HTML(*.html)文件中

26.保存文件

27.转换完成