x-cmd pkg | mermaid - 流程图、时序图等图表绘制工具

news/2024/5/18 21:30:25 标签: 流程图, mermaid, cli, 图表绘制

简介

mermaid-cli 是由 Mermaid 官方提供的命令行工具,用于将 Mermaid 语法的文本转换为 SVG / PNG / PDF。

Mermaid 是一个基于 JavaScript 的图表绘制工具,它使用简单的文本描述语法,就可以绘制出流程图、时序图、甘特图等多种图表。

首次用户

  1. 使用 x env use mermaid-cli 即可自动下载并使用

    • 在终端运行 eval "$(curl https://get.x-cmd.com)" 即可完成 x 命令安装, 详情参考 x-cmd 官网
  2. x-cmd 提供1分钟教程,其中包含了 mermaid-cli 命令常用功能的 demo 示例,可以帮你快速上手 mermaid-cli

  3. 使用案例:

    <a class=mermaid-1min-cn" />

    # 安装 mermaid-cli
    x env use mermaid-cli
    
    # 使用 mermaid 语法文件生成 png 文件
    mmdc -i input.mmd -o output.png
    
    # 创建具有深色主题和透明背景的 PNG
    mmdc -i input.mmd -o output.png -t dark -b transparent
    
    # 使用标准输入传入 mermaid 语法描述文本并生成 svg 文件
    cat input.mmd | mmdc -i - -o output.svg
    

功能特点

  1. 多种格式输出: 支持 SVG / PNG / PDF 格式输出。同时也支持将 markdown 文件中的 Mermaid 语法文本转换为图片引用的方式。
  2. 自定义样式: 用户可自定义 CSS 配置文件,以自定义输出图片中图表的样式。
  3. stdin 管道支持: 支持通过管道的方式将 Mermaid 语法文本传递给 mermaid-cli,让用户在终端环境中可以便捷进行处理或转换。

竞品和相关作品

  1. dot: 由 Graphviz (使用 DOT 语言来以简单的方式描述图形的可视化工具)官方提供的命令行工具,可以用于生成各种复杂的图形。它还提供了多种选项,可用于控制图形的样式和布局。
  • drawio: draw.io 是一个开源的在线和桌面绘图工具,用于创建各种图表和流程图。其界面直观易用,适合各种用户。它提供了丰富的图形元素和样式,可用于创建专业的图表。同时在客户端软件安装包中也提供了命令行工具,提供给用户进行批量图形处理。

进一步探索


http://www.niftyadmin.cn/n/5331135.html

相关文章

用Photoshop来制作GIF动画

录了个GIF格式的录屏文件&#xff0c;领导让再剪辑下&#xff0c;于是用Photoshop2023&#xff08;PS版本低至CS6操作方式一样&#xff09;进行剪辑&#xff0c;录屏文件有约1400帧&#xff0c;而由于我要处理的帧数太多&#xff0c;PS保存为GIF格式时&#xff0c;还是挺耗时的…

springboot(ssm甘肃旅游管理系统 在线旅游景点管理系统 Java系统

springboot(ssm甘肃旅游管理系统 在线旅游景点管理系统 Java系统 开发语言&#xff1a;Java 框架&#xff1a;ssm/springboot vue JDK版本&#xff1a;JDK1.8&#xff08;或11&#xff09; 服务器&#xff1a;tomcat 数据库&#xff1a;mysql 5.7&#xff08;或8.0&#x…

【面试合集】说说微信小程序的发布流程?

面试官&#xff1a;说说微信小程序的发布流程&#xff1f; 一、背景 在中大型的公司里&#xff0c;人员的分工非常仔细&#xff0c;一般会有不同岗位角色的员工同时参与同一个小程序项目。为此&#xff0c;小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团…

【安装】Linux安装ffmpeg

ffmpeg 下载地址 Index of /releases (ffmpeg.org) 下载 wget https://ffmpeg.org//releases/ffmpeg-6.1.1.tar.gz tar -zxvf ffmpeg-6.1.1.tar.gz 进入解压后目录,输入如下命令/usr/local/ffmpeg为自己指定的安装目录 cd ffmpeg-6.1.1 ./configure --prefix/usr/local/ffm…

【Linux】Linux 系统编程——which 命令

文章目录 1.命令概述2.命令格式3.常用选项4.相关描述5.参考示例 1.命令概述 which 命令用于定位执行文件的路径。当输入一个命令时&#xff0c;which 会在环境变量 PATH 所指定的路径中搜索每个目录&#xff0c;以查找指定的可执行文件。 2.命令格式 which [选项] 命令名3.常…

四、任意文件读取漏洞

一、介绍 解释&#xff1a;任意文件读取漏洞就其本身来说就是&#xff0c;攻击者绕过网站防御者设置的防御&#xff0c;读取到了正常使用者不应该读取到的内容。网站开发者使用不同的语言&#xff0c;任意文件读取漏洞利用方式就不同。 二、不同开发语言的不同漏洞点 1.PHP …

深度学习基础知识整理

自动编码器 Auto-encoders是一种人工神经网络,用于学习未标记数据的有效编码。它由两个部分组成:编码器和解码器。编码器将输入数据转换为一种更紧凑的表示形式,而解码器则将该表示形式转换回原始数据。这种方法可以用于降维,去噪,特征提取和生成模型。 自编码器的训练过…

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -关于我们页面实现

锋哥原创的uniapp微信小程序投票系统实战&#xff1a; uniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )_哔哩哔哩_bilibiliuniapp微信小程序投票系统实战课程 (SpringBoot2vue3.2element plus ) ( 火爆连载更新中... )共计21条视频…