# 2021-01-17 #「Mermaid」- 安装与升级

最新推荐文章于 2024-05-12 10:00:17 发布
最新推荐文章于 2024-05-12 10:00:17 发布
阅读量802 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013670453/article/details/112747382
版权

Mermaid Cli on Debian

mermaid-js/mermaid-cli: Command line tool for the Mermaid library

我们安装 mermaid-cli 版本，用于与 Zim 集成：

// NPM 环境信息

# nvm ls
->     v13.14.0
default -> v13.14.0
node -> stable (-> v13.14.0) (default)
stable -> 13.14 (-> v13.14.0) (default)
iojs -> N/A (default)
unstable -> N/A (default)
lts/* -> lts/erbium (-> N/A)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.22.1 (-> N/A)
lts/erbium -> v12.19.0 (-> N/A)

// 执行安装命令

# npm install @mermaid-js/mermaid-cli
研究林纳斯的那个系统
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-mermaid:Vue组件的美人鱼流程图
04-30
美人鱼 Vue Componet的美人鱼流程图 要求 安装安装程序 # install dependencies npm install --save vue-mermaid 用法 注册组件 import VueMermaid from "vue-mermaid" ; Vue . use ( VueMermaid ) ; 使用组件 export default { data : function ( ) { return { data : [ { id : "1" , text : "A" , link : "---" , next : [ "2" ] , editable : true , style : "fill:#f9f,s
mermaid-cli:美人鱼库的命令行工具
03-16
美人鱼 这是的命令行界面（CLI）。 它以美人鱼定义文件作为输入，并生成svg / png / pdf文件作为输出。 使用Docker： docker pull minlag/mermaid-cli 或例如版本8.8.0 docker pull minlag/mermaid-cli:8.8.0 容器在/data中查找输入文件。 因此，例如，如果您在系统上的/path/to/diagrams/diagram.mmd定义了一个图，则可以使用该容器来生成SVG文件，如下所示： docker run -it -v /path/to/diagrams:/data minlag/mermaid-cli -i /data/diagram.mmd 本地安装 某些人在全球范围内安装此工具时。 在本地安装它是一种替代解决方案： yarn add @mermaid-js/mermaid-cli ./
推荐开源项目：Mermaid CLI —— 基于命令行的图表生成工具
最新发布
gitblog_00045的博客
05-12 361
推荐开源项目：Mermaid CLI —— 基于命令行的图表生成工具 项目地址:https://gitcode.com/mermaid-js/mermaid-cli Mermaid CLI 是一个强大的工具，它允许开发人员和文档编写者通过简单的文本描述生成各种流程图、序列图和其他图形。这个工具基于流行的 Mermaid 库，让您无需离开终端即可将 Markdown 或单独的 Mermaid 文件转...
mermaid使用全流程
机器学习VVVVVVVVIP
09-19 5750
mermaid全流程 语法教学 mermaid语法教学比较全的有： 新手教学 进阶教学 边写边看 打开这个官方在线网站，开始编写你的mermaid流程图，可以边写边看的那种。 生成mermaid文件 可以使用各种文本编辑器vscode、记事本等等。 此处为方便举例，生成文件保存为‘input.mmd’。后缀也可以为txt、md等。 导出SVG矢量图 写完之后怎么导出呢？ 在上面网站的底部，如下图所...
mermaid-cli-action:使用Mermaid CLI Docker映像渲染图的GitHub动作
04-12
人鱼气候 一个使用 Docker映像在请求请求中呈现图的GitHub动作。 如何使用 在项目的.github/workflows目录中创建mermaid.yml操作文件。 它看起来应该像这样： name: 'Render Mermaid' on: pull_request: paths: - '**/*.mmd' jobs: mermaid: runs-on: ubuntu-latest steps: - uses: actions/checkout@5a4ac9002d0be2fb38bd78e4b4dbde5606d7042f # v2.3.4 with: fetch-depth: 2 - name: Render Mermaid diagrams to SVG uses: kscla
探索Mermaid CLI：一款强大的图表生成命令行工具
gitblog_00075的博客
04-09 520
探索Mermaid CLI：一款强大的图表生成命令行工具 项目地址:https://gitcode.com/mermaidjs/mermaid.cli Mermaid CLI 是一个基于Mermaid库的命令行工具，它允许开发者通过纯文本方式创建各种流程图、序列图、甘特图等可视化图形。这个项目非常适合那些喜欢在Markdown文档中插入图表或者希望自动化文档构建过程的开发者。 技术分析 Merma...
开发人员必备工具！mermaid的详细教学
zhangqinhang1的博客
10-16 3465
Mermaid 是一个基于 JavaScript 的图表绘制库，它可以用于创建流程图、状态图、时序图以及甘特图等各种类型的图表。它以 HTML 形式渲染图表，而不是生成静态图片，这使得它更加灵活和安全。项目地址Mermaid 官方项目地址项目应用：Mermaid 用于在 web 环境中创建各种类型的图表。它可以用于文档、技术博客、项目文档等等，特别适合于与 Markdown 结合使用。Mermaid 可以帮助用户以直观的方式展示各种流程、状态、时序等信息，从而提高文档的可读性和可理解性。
typora-update-x64-1117.zip
12-23
5. **数学公式与图表**：通过MathJax和Mermaid插件，用户可以方便地插入和编辑复杂的数学公式和流程图。 6. **媒体嵌入**：直接支持插入图片、链接、视频和音频，方便多媒体内容的展示。 7. **表格和任务列表**：...
typora setup自用免费版typora-window
05-06
7. **更新与升级**：如何检查和安装Typora的最新版本。 8. **联系开发者**：提供官方联系方式，以便用户反馈问题或建议。 了解以上知识点后，用户可以更好地使用Typora这款高效、直观的Markdown编辑工具，无论是...
Markdown编辑器：Typora-0.11.18x64
12-11
2. **粗体与斜体**：用两个星号\*\*包裹文字表示粗体，单个星号\*表示斜体。 3. **引用**：使用>``字符开头，后面跟上空格，可以创建引述内容。 4. **列表**：使用-或*加空格创建无序列表，使用1.加空格创建有序列表...
typora：降价编辑器Typora的RPM软件包
02-04
RPM是Linux系统中常用的一种软件包管理器，用于在Fedora、OpenSUSE、Mageia等基于RPM的发行版上方便地安装、升级、查询和卸载软件。 描述简单明了，直接点出了这个软件包的性质，即Typora的RPM版本。这表明用户可以...
mermaid-cli:已弃用
07-05
美人鱼-cli 将文件渲染为 PNG 或 SVG。 弃用通知 从该软件包已合并到 mermaid 核心中。 请执行npm install -g mermaid以获取 mermaid CLI 功能。 此软件包将不会再有任何更新，任何新功能都将直接添加到美人鱼中。 安装 全局安装模块以将mermaid命令暴露给您的环境。 npm install -g mermaid-cli 用法 $ mermaid --help Usage: mermaid [options] <file>... file The mermaid description file to be rendered Options: -s --svg Output SVG instead of PNG (experimental) -p --png If SVG was se
mermaid.cli：开发已移至https：github.commermaid-jsmermaid-cli
02-23
开发已移至 美人鱼 命令行界面。 此CLI工具以美人鱼定义文件作为输入，并生成svg / png / pdf文件作为输出。 本地安装 某些人在全局安装此工具时。 在本地安装它是一种替代解决方案： yarn add mermaid.cli ./node_modules/.bin/mmdc -h 或使用NPM： npm install mermaid.cli ./node_modules/.bin/mmdc -h 全局安装 :red_exclamation_mark: 我们不建议在全局范围内安装它，因为由于奇怪的权限问题，YARN和NPM都可能无法在全局范围内正确安装命令行工具。 yarn global add mermaid.cli 或者 npm install -g mermaid.cli 例子 mmdc -i input.mmd -o output.svg mmdc -i input.mmd -o output.pn
1.3.0 升级日志1
08-04
"实现ppt预览、导出、emoji表情支持、MathJax编号引、permalink链接分享、Mermaid图语法支持、语法开关、元数据语法开关、预览同步滚动、编辑器同步滚动、semantic-ui升级、MathJax升级、待办列表语法修改、统计图...
用ChatGPT自动生成流程图
linweidong的专栏
09-14 1557
我们看别人代码时，总希望有流程图，这样可以一目了然，不过自己写的代码，又不想花几个小时去画流程图。有没有更好的方法呢？方法就是用ChatGPT等大模型自动生成流程图，并用python等语言实现自动输出流程图。
markdown绘图插件----mermaid简介
weixin_33901641的博客
10-22 4689
作者：黄永刚 mermaid简介 当撰写文档的时候，对于流程图的生成大多使用Visio等繁重的工具，没有一种轻便的工具能够画图从而简化文档的编写，就像markdown那样。 mermaid解决这个痛点，这是一个类似markdown语法的脚本语言，通过JavaScript实现图表的生成。 先来看个例子: 1.流程图(fl...
＞＞开发工具：IntelliJ IDEA 2022.1 的新功能
Lycos
07-11 1161
新引入的Dependency Analyzer提供项目和子项目中使用的所有 Maven 和 Gradle 依赖项的广泛信息。可以帮助检测和解决冲突的依赖项，过滤掉相同的依赖项并检查它们是否存在于不同的库中，轻松地跨依赖项导航以正确构建配置。...
idea使用Markdown流程图
洪晓鸿
04-18 5205
idea使用Markdown流程图 设置Markdown 让mermaid生效
使用 markdown-it，如何支持 mermaid
05-23
要在 markdown-it 中支持 mermaid，需要安装 `markdown-it-mermaid` 插件。可以按照以下步骤进行操作： 1. 安装 `markdown-it-mermaid` 插件： ``` npm install markdown-it-mermaid --save-dev ``` 2. 在代码中使用 `markdown-it-mermaid`： ```js const MarkdownIt = require('markdown-it'); const mermaid = require('markdown-it-mermaid'); const md = new MarkdownIt(); md.use(mermaid); const result = md.render(` \`\`\`mermaid graph LR; A-->B; A-->C; B-->D; C-->D; \`\`\` `); console.log(result); ``` 在上面的例子中，我们首先引入了 `markdown-it` 和 `markdown-it-mermaid`，然后创建一个 MarkdownIt 实例，并使用 `mermaid` 插件。最后，我们使用 Markdown 语法书写了一个 Mermaid 图表，并将其渲染为 HTML。 注意，为了正确渲染 Mermaid 图表，还需要在 HTML 中引入 Mermaid 的 JavaScript 库。可以通过以下方式在 HTML 中引入： ```html <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> <script> mermaid.initialize({ startOnLoad: true }); </script> ``` 这样就完成了在 markdown-it 中支持 Mermaid 的配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值