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

nodejs实现markdown转html脚本

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

转html

text
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 
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完成后端。
在这里插入图片描述

借鉴：这里

原文地址：https://blog.csdn.net/qq_60602244/article/details/123404655?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905673016800227434001%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905673016800227434001&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-15-123404655-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown