在vscode中和obsidian中使用Mermaid

1.vscode中添加插件Mermaid

vscode插件安装及使用

如果本地使用 Visual Studio Code,可以安装 Mermaid 预览扩展。

具体步骤:
a) 在 VS Code 中安装 "Markdown Preview Mermaid Support" 扩展

b)新建一个文件1.md

输入以下代码,并点击右侧预览

2.在obsidian中使用MerMaid

因obsidian添加插件依赖github,因此需要添加github-proxy插件

有时候手机会也可以github访问的网络,也可以共享热点使用,使用如下的

https://github.com/dartungar/obsidian-mermaid

1.下载链接

https://foruda.gitee.com/attach_file/1660703404382900440/obsidian-proxy-github.zip?token=b971b1892d4494586838645088d0ac1a&ts=1751966399&attname=obsidian-proxy-github.zip

2.将下载的压缩包解压,如果不存在plugins可以创建

3.检查该插件是否识别并启用

4.重新检索merMaid 发现搜索不到(可能公司限制)

5.改用下载mermaid然后人工添加插件

6.如果4你也不奏效,可以考虑卸载proxy github 然后启用Mermaid Tools

相关推荐
山峰哥5 天前
吃透 SQL 优化:告别慢查询,解锁数据库高性能
服务器·数据库·sql·oracle·性能优化·编辑器
Diligently_5 天前
idea 中vm option 配置
java·ide·intellij-idea
holeer5 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
我命由我123455 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
硬汉嵌入式5 天前
Vim 9.2版本正式发布
编辑器·vim
Hello World . .5 天前
Linux:线程间通信
linux·开发语言·vscode
AC赳赳老秦5 天前
云原生AI故障排查新趋势:利用DeepSeek实现高效定位部署报错与性能瓶颈
ide·人工智能·python·云原生·prometheus·ai-native·deepseek
被制作时长两年半的个人练习生5 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心5 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税5 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器