如何将md文件转换为html

方式一：使用i5ting_toc插件

需要先安装npm（安装node.js后会自带npm），然后才能安装i5ting插件

npm install i5ting_toc -g

执行命令行生成html文件，在输入前要进入到对应根目录下

i5ting_toc -f 文档的名称.md

需要注意的是：写md文档的特殊符号时记得添加空格。

小技巧：如何快速在当前目录打开cmd？选择当前目录，按住shift，然后鼠标右键在此处打开命令窗口(在此处打开powerShell窗口)

方式二：使用gitbook

同样先需要安装node，然后运行

1

npm i gitbook gitbook-cli -g

生成md文件,这个命令会生成相应的md的文件，然后在相应的文件里写你的内容即可:

1

gitbook init

md转html,生成一个_doc目录，打开就可以看到你html文件了。

1

gitbook build

方式三：利用前端代码

实现原理是采用node.js搭建服务器，读取md文件转化为html片断。浏览器发送ajax请求获取片段后再渲染生成html网页

node代码

var express = require('express');var http = require('http');var fs = require('fs');var bodyParser = require('body-parser');var marked = require('marked');    // 将md转化为html的js包var app = express();app.use(express.static('src'));  //加载静态文件var urlencodedParser = bodyParser.urlencoded({ extended: false });app.get('/getMdFile',urlencodedParser, function(req, res) {var data = fs.readFileSync('src/test.md', 'utf-8');    //读取本地的md文件res.end(JSON.stringify({body : marked(data)}));} );//启动端口监听var server = app.listen(8088, function () {var host = server.address().address;var port = server.address().port;console.log("应用实例，访问地址为 http://%s:%s", host, port)});

前端html：

<
div
id="content"><
h1
class="title">md-to-HTML web app</
h1
><
div
id="article"></
div
>
</
div
>
<
script
type="text/JavaScript" src="js/jquery-1.11.3.min.js"></
script
>
<
script
>var article = document.getElementById('article');$.ajax({url: "/getMdFile", success: function(result) { console.log('数据获取成功');article.innerHTML = JSON.parse(result).body;}, error: function (err) {console.log(err);article.innerHTML = '<
p
>获取数据失败</
p
>';}});
</
script
>

如何将md文件转换为html相关推荐

如何将.md文件转换为pdf
目录 1.step1: 安装Visual Studio Code(简称VScode) 2.step2: 安装定制化插件 3.step3: 进入预览窗口模式 4.step4: 进行格式转换 1.step ...
把md文件转换为pdf文件
1.在谷歌浏览器中安装Markdown Preview Plus插件. 2.选择更多工具,扩展程序 3.点击安装的插件的详细信息 4.然后允许访问文件网址 5.直接把要转换的md文件拖入到浏览器窗口中 ...
将md文件转换为HTML页面
这里需要下载一个小插件 i5ting_toc 安装命令 npm install i5ting_toc -g 用法也特别简单,使用命令 // 将md文件进行转换并用浏览器打开 i5ting_toc -f ...
html批量转doc linux,HTML+CSS入门 Linux下如何批量将md文件转换为html文件
要将markdown文件转换成html文件,可以用discount或python-markdown软件包提供的markdown工具. $ sudo apt-get install discount 或 ...
linux如何批量导出文件格式,Linux下批量将md文件转换为html文件
要将markdown文件转换成html文件,可以用discount或python-markdown软件包提供的markdown工具. $ sudo apt-get install discount 或 ...
md是什么类型的文件？怎么打开md文件，Markdown的编写，Markdown转化为html
md 就是 Markdown 的文件,Markdown 是一种轻量级标记语言.CSDN 的博客就是用 markdown 来编写的呢!html 大家不陌生吧,他是超文本标记语言,他们都是标记语言,那有什 ...
TF之TFOD-API：基于tensorflow框架利用TFOD-API脚本文件将YoloV3训练好的.ckpt模型文件转换为推理时采用的.pb文件
TF之TFOD-API:基于tensorflow框架利用TFOD-API脚本文件将YoloV3训练好的.ckpt模型文件转换为推理时采用的frozen_inference_graph.pb文件目录 ...
关于*.md文件打开的问题及图片丢失
突然发现,从github上的read.md文件,图片是打不开的??并且CSDN上也有用markdown编辑器什么是md文件呢?? .md即markdown文件的基本常用编写语法,是一种快速标记.快速 ...
.md文件转word或PDF
1 背景因为工作的关系,需要把某些技术内容向其他开发人员做介绍,由于之前用惯了 markdown 写文档,但 md 文件不方便直接做演示,所以就必须转为其他的格式. 2 步骤 ...

如何将md文件转换为html

方式一：使用i5ting_toc插件

方式二：使用gitbook

方式三：利用前端代码

如何将md文件转换为html相关推荐

最新文章

热门文章