Open aoleou opened 7 months ago
大佬, 您好,感谢开源这个有用的工具。
通过以下操作, mermaid代码块没有渲染为图片, 大佬, 麻烦有空帮忙看一下哈
我的操作复现方式:
mkdir vuepress-starter cd vuepress-starter git init pnpm init pnpm add -D vuepress@next @vuepress/client@next vue echo 'node_modules' >> .gitignore echo '.temp' >> .gitignore echo '.cache' >> .gitignore mkdir docs echo '# Hello VuePress' > docs/README.md pnpm install -D vuepress-plugin-mermaid-wrapper
项目结构如下所示:
然后在 vuepress-starter的 .vuepress 文件夹下的config.ts文件中增加以下内容
.vuepress
import { mermaidWrapperPlugin } from 'vuepress-plugin-mermaid-wrapper' export default { plugins: [ mermaidWrapperPlugin({ /* options */ }), ], }
填写一篇测试文档:
然后启动服务:
pnpm run docs:dev
期望的显示图片应该是这样的:
但是, 现实是残酷的, 结果显示的效果是 :
这个问题有点难, 麻烦大佬, 有空帮忙看一下
大佬, 您好,感谢开源这个有用的工具。
通过以下操作, mermaid代码块没有渲染为图片, 大佬, 麻烦有空帮忙看一下哈
我的操作复现方式:
项目结构如下所示:
然后在 vuepress-starter的
.vuepress
文件夹下的config.ts文件中增加以下内容填写一篇测试文档:![image](https://github.com/azat-io/vuepress-plugin-mermaid-wrapper/assets/124496859/03f7c65b-bbb0-4ef8-8795-ca4ef2aac723)
然后启动服务:
期望的显示图片应该是这样的:
但是, 现实是残酷的, 结果显示的效果是 :![image](https://github.com/azat-io/vuepress-plugin-mermaid-wrapper/assets/124496859/ad823d5d-4572-4b8c-aee3-bb63160352cf)
这个问题有点难, 麻烦大佬, 有空帮忙看一下