个人博客实现Markdown格式文件的录入与呈现

博主分享了如何在基于vue.js的前端和koa后端的个人博客中,实现Markdown文件的录入与呈现。通过服务器读取Markdown,前端发送请求获取内容,利用marked和highlight.js解析并实现代码高亮。

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

  最近在写个人博客,遇到文章的录入与呈现问题,研究了很多种方法,发现Markdown格式的最方便可行,所以记录一下。
  我的博客前端是基于vue框架,后端是基于koa的。我的思路是在服务器上放Markdown文件,数据库中保存文章信息及文章地址,前端post请求,获取完整的Markdown文件,再通过marked插件解析成html格式,直接插入页面中。
首先在前端安装marked和highlight.js(实现代码高亮)

cnpm install marked  highlight.js  --save

具体步骤如下:
1)后端读取Markdown文件

const fs = require('fs')
const path = require('path')
router.post('/articles', async ctx => {
   
    const article_id=ctx
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值