在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

相关推荐
VidDown4 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
摇滚侠4 天前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质4 天前
Trae IDE 新手入门指南
ide
VidDown4 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
夜猫逐梦4 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown4 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐4 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
意法半导体STM324 天前
【官方原创】如何为STM32CubeMX2配置Visual Studio Code配置方案
vscode·stm32·单片机·嵌入式硬件·策略模式·stm32cubemx·嵌入式开发
bloglin999994 天前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员4 天前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea