markdown编写操作手册

时间:2024-05-22 08:13:07

前提:会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>中的内容复制粘贴即可。