前提:会markdown基本语法,临时学,很简单。

目录

一、使用markdown编写的操作手册,直接套用模版,so easy!

二、vsCode 下安装markdown插件

三、IDEA下安装markdown插件

四、vsCode下让md生成html

 


markdown模版下载

一、使用markdown编写的操作手册,直接套用模版,so easy!

1.下载压缩包后,解压;
2.修改.md的内容;
3.复制md内容到https://c.runoob.com/front-end/712 粘贴,点击”显示HTML“;
4.复制生成的html,粘贴到HelpBook.html中的内容部分;
5.在浏览器打开HelpBook.html,即可预览效果;

效果图:

markdown编写操作手册

 

二、vsCode 下安装markdown插件

markdown编写操作手册

markdown编写操作手册

markdown编写操作手册

三、IDEA下安装markdown插件

ps:个人感觉不太好用,不能同时预览而且会发现IDEA变卡了。

shift按两下,找到actions,输入 plugins,如图:

markdown编写操作手册

markdown编写操作手册

创建一个.md文件即可。

markdown编写操作手册

四、vsCode下让md生成html

1.输入插件名: Markdown Preview Enhanced,安装

markdown编写操作手册

2.在md文件中右键,点击如下:

markdown编写操作手册

3.在preview窗口中,右键,点击HTML(offline),会生成html文件到md文件所在的目录

markdown编写操作手册

markdown编写操作手册

4.打开html,右键”查看网页源代码“,找到<div class="mume markdown-preview "> </div>中的内容复制粘贴即可。

相关文章:

  • 2021-12-12
  • 2021-11-20
  • 2021-09-30
  • 2021-08-17
  • 2021-06-19
  • 2021-08-09
  • 2021-12-04
  • 2021-11-15
猜你喜欢
  • 2022-12-23
  • 2021-08-15
  • 2022-12-23
  • 2021-12-23
  • 2022-01-06
  • 2021-09-02
  • 2022-12-23
相关资源
相似解决方案