当前位置: 首页 > 科技观察

前端如何将.md文件转换成.html文件

时间:2023-03-20 23:02:44 科技观察

.md文件是一种markdown语言。与HTML相比,它们更简单、更快速,主要体现在标记的数量和书写上。标签数量:HTML文档需要使用大量的标签,辅以css来控制样式和排版,而markdown文档只需要四个基本的标签符号就可以完成同样的事情。标记编写:HTML文档内容需要标记开始和结束。Thisisawebpage,而markdown文档只需要在开头标上#Thisisanmddocument。下面介绍如何将.md文件转换成.html文件。方法一:使用i5ting_toc插件需要先安装npm(安装node.js后会自带npm),然后就可以安装i5ting插件了:npminstalli5ting_toc-g执行命令行生成html文件,并在输入之前进入对应的根目录:i5ting_toc-f**.md需要注意的是:md文件中写特殊符号的时候记得加空格。提示:如何快速打开当前目录下的cmd?选择当前目录,按住shift键,然后右击打开这里的命令窗口(这里打开powerShell窗口)。方法二:使用gitbook需要先安装node,然后运行:npmigitbookgitbook-cli-g生成md文件,这个命令会生成对应的md文件,然后在对应的文件中写入你的内容:gitbookinitmdtohtml,生成一个_doc目录并打开它可以看到你的html文件。Gitbookbuild方法三:使用前端代码实现原理是使用node.js搭建服务器,读取md文件,转换成html片段。浏览器发送ajax请求获取片段,然后渲染生成html页面。节点代码:varexpress=require('express');varhttp=require('http');varfs=require('fs');varbodyParser=require('body-parser');varmarked=require('marked');//将md转成htmljs包varapp=express();app.use(express.static('src'));//加载静态文件varurlencodedParser=bodyParser.urlencoded({extended:false});app.get('/getMdFile',urlencodedParser,function(req,res){vardata=fs.readFileSync('src/test.md','utf-8');//读取本地md文件res.end(JSON.stringify({body:marked(data)}));});//启动端口监听varserver=app.listen(8088,function(){varhost=server.address().address;varport=server.address().port;console.log("应用示例,访问地址为http://%s:%s",host,port)});前端html:md-to-HTMLwebapp

本文转载自微信公众号“大千世界”,您可以通过以下二维码关注转载文章,拜托联系大千世界公众号。

最新推荐
猜你喜欢