分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

markdown转html

发布时间:2023-09-06 01:29责任编辑:熊小新关键词:暂无标签

今天临时要写接口文档,然后发现部门给的文档是markdown文件的,而接口文档是要html格式的,因此想直接把markdown转为html

这里我使用的是marked 

首先初始化一个node项目 npm init

然后安装marked      npm install marked --save 
先引入fs和marked 

const fs = require(‘fs‘);const marked = require(‘marked‘);

接着在创建一个模板文件,命名为template.html(这里面创建出页面的主体,以及需要引入的css样式),@markdown即为之后转换成功要替换的位置

<!DOCTYPE html><html lang="zh-CN"> ???<head> ???????<meta charset="utf-8"> ???????<meta http-equiv="X-UA-Compatible" content="IE=edge"> ???????<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> ???????<meta name="author" content="Yaofeng"> ???????<title>文档</title> ???????<link rel="stylesheet" href="./markdown.min.css"> ???????<style> ???????????????????</style> ???</head> ???<body> ???????@markdown ???</body> ???<script></script></html>

接着完成入口文件

const fs = require(‘fs‘);const marked = require(‘marked‘);fs.readFile(‘./template.html‘, ‘utf8‘, (err, template)=>{ ?????if(err){ ?????????throw err ?????}else{ ?????????fs.readFile(‘./香港退款订单接口.md‘, ‘utf8‘, (err,markContent)=>{ ?????????????if(err){ ?????????????????throw err ?????????????}else{ ?????????????????// 转化好的html字符串 ?????????????????let htmlStr = marked(markContent.toString()) ?????????????????// 将html模板文件中的 ‘@markdown‘ 替换为html字符串 ?????????????????template = template.replace(‘@markdown‘, htmlStr) ?????????????????// 将新生成的字符串template重新写入到文件中 ?????????????????fs.writeFile(‘./香港退款订单接口.html‘, template, err=>{ ?????????????????????if(err){ ?????????????????????????throw err ?????????????????????}else{ ?????????????????????????console.log("success") ?????????????????????} ?????????????????}) ?????????????} ?????????}) ?????} ?}) 

至此结束 

样式下载:https://github.com/zhangjikai/markdown-css

markdown转html

原文地址:http://www.cnblogs.com/FarmanKKK/p/8005092.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved