Markdown 文档渲染实现方案

最新推荐文章于 2025-09-20 06:17:44 发布

原创

最新推荐文章于 2025-09-20 06:17:44 发布 · 1.1k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

Markdown 文档渲染实现方案

1. 依赖安装

npm install vite-plugin-md markdown-it-anchor prismjs vite-plugin-prismjs

2. Vite 配置

在 vite.config.js 中添加以下配置：

import Markdown from 'vite-plugin-md';
import {
   
    prismjsPlugin } from 'vite-plugin-prismjs';
import MarkdownItAnchor from 'markdown-it-anchor';

export default defineConfig({
   
   
  plugins: [
    // 支持 .md 文件渲染
    vue({
   
   
      include: [/