- 自定义一个包mypackage
- 在自定义包下面创建一个入口文件:例如index.js
- 命令行输入npm init,然后再进行一些初始化操作后会在包里面自动生成一个package.json文件(更为快捷的方式在命令行输入npm init -y可以不进行初始化操作)
- 安装markdown-it:
- 编写模板页面tpl.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板页面</title>
<style type="text/css">
h1 {
color: blue;
}
</style>
</head>
<body>
<%content%>
</body>
</html>
- 编写需要转换的文件demo.md
# 一级标题
## 二级标题
### 三级标题
- 列表信息
+ 二级列表
* 三级列表
- 创建新的文件存放转换的内容demo.html
- 编写入口文件index.js
/*
入口文件
*/
const path = require('path');
const fs = require('fs');
const md = require('markdown-it')();
let tplPath = path.join(__dirname,'tpl.html');
let mdPath = path.join(__dirname,'demo.md');
let targetPath = path.join(__dirname,'demo.html');
fs.readFile(mdPath,'utf8',(err,data)=>{
if(err) return;
else{
let result = md.render(data);
fs.readFile(tplPath,'utf8',(err,tplData)=>{
if(err) return;
else{
tplData = tplData.replace('<%content%>',result);
fs.writeFile(targetPath,tplData,(err)=>{
console.log('转换成功');
})
}
})
}
})
- 运行index.js
- 此时demo.html里面有了内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板页面</title>
<style type="text/css">
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<ul>
<li>列表信息
<ul>
<li>二级列表
<ul>
<li>三级列表</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>