今天臨時要寫接口文檔，然后發現部門給的文檔是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