markdown转html

记录一个搭建blog时用到的代码片段。

nodejs实现markdown转html脚本

将markdown文件转换为html代码，将代码引入vue中再展示到我的博客页面上。使用markdown-it插件。

转html

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('转换成功');
                })
            }
        })
    }
})

将转成的html代码复制主体部分，保存到vue中的变量中，通过vue的v-html指令渲染到页面中，就可以完成将我的markdown笔记放入我的blog中(暂时这样处理，后期还是通过后端返回数据渲染到页面中)。

争取暑假前完成blog，先完成前端页面，再通过node.js完成后端。

借鉴：这里