markdown转html_js markdown-it转化html带菜单-CSDN博客

本文链接：https://blog.csdn.net/qq_60602244/article/details/123404655

本文介绍了如何使用Node.js的markdown-it插件将Markdown格式的笔记转换为HTML，然后在Vue应用中展示，实现个人博客的动态更新。通过实例展示了Markdown到HTML的转换过程，并计划结合后端开发来完善整体架构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录一个搭建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('转换成功');
                })
            }
        })
    }
})