好消息!GitHub 已原生支持基于 JavaScript 的 Mermaid 图表工具

简介: 好消息!GitHub 已原生支持基于 JavaScript 的 Mermaid 图表工具

从即日起 GitHub 将原生支持基于 JavaScript 的 Mermaid 图表绘制工具。

Mermaid 通过解析类似于 Markdown 的文本语法来实现图表的创建和动态修改,让文档的更新能够及时跟上开发进度。可用于创建流程图、时序图、甘特图、类图、状态图、饼图等。

对于 GitHub 用户来说,这意味着他们能够通过丰富的可视化格式来共享信息,以提供更好的项目管理和质量,改进工作流程。

那么如何将 Mermaid 添加到 GitHub 文档中呢?

即将代码块标记为 mermaidiframe,它会生成原始 Mermaid 语法。在传递给 Mermaid.js 之后,浏览器又会将该代码转换为图表来呈现。

image.png

文档提升工作效率 - Work

image.png

文档提升工作效率 - Open source

image.png

指导文档的比例

image.png

自述文档比例

github

相关文章
|
机器学习/深度学习 人工智能 编解码
|
IDE 开发工具 Python
PyCharm IDEA 安装【Chinese(Simplified)Language Pack/中文语言包】插件汉化出错
安装【Chinese(Simplified)Language Pack/中文语言包】插件时报【Plugin Installation】错误
9345 1
PyCharm IDEA 安装【Chinese(Simplified)Language Pack/中文语言包】插件汉化出错
|
9月前
|
人工智能 自然语言处理 运维
【新模型速递】PAI-Model Gallery云上一键部署Kimi K2模型
月之暗面发布开源模型Kimi K2,采用MoE架构,参数达1T,激活参数32B,具备强代码能力及Agent任务处理优势。在编程、工具调用、数学推理测试中表现优异。阿里云PAI-Model Gallery已支持云端部署,提供企业级方案。
545 0
【新模型速递】PAI-Model Gallery云上一键部署Kimi K2模型
|
6月前
|
人工智能 供应链 算法
深度盘点:2025年能源管理平台厂商排行榜与深度价值评析
在“双碳”战略背景下,企业能源管理正迈向价值创造新阶段。本文基于技术、行业、规模与生态四大维度,权威发布2025能源管理平台厂商排行榜,深度解析树根科技、华为云、阿里云等十大厂商核心优势,助力企业精准匹配战略伙伴,实现能效提升与可持续发展。
874 0
|
12月前
|
安全 算法 数据安全/隐私保护
远控安全进阶之战:TeamViewer/ToDesk/向日葵设备安全策略对比
在数字化时代,卓越的远程控制软件需兼顾功能与体验,包括流畅连接、高清画质、低门槛UI设计、毫秒级延迟及多功能性,同时要有独树一帜的远控安全技术,通过前瞻性安全策略阻挡网络风险,为用户打造全方位安全体验,在基础安全防护上不断创新。本文选取了当下热门的TeamViewer、ToDesk、向日葵三款远程控制软件,从软件介绍、远控安全策略等多个维度进行深入对比,以呈现一场精彩的远控软件安全进阶“大比拼”。
|
前端开发 JavaScript Java
【Layui】选项卡Tab:完美实现网页内容分类与导航
Layui选项卡是一种基于Layui框架的前端组件,用于创建多个选项卡并在其之间进行切换。Layui是一个轻量级、易用、灵活的前端UI框架,旨在简化前端开发过程。使用Layui选项卡,你可以在页面中创建多个选项卡标签,每个标签对应一个内容区域。用户可以点击选项卡标签来切换显示相应的内容区域。这种方式常用于页面的分组显示或切换不同的功能模块。Layui选项卡提供了丰富的配置选项,包括标签样式、选项卡切换的触发事件、内容区域的布局方式等。它还支持动态添加和删除选项卡,以及自定义选项卡的样式和功能。
|
监控 Java Android开发
深入探讨Android系统的内存管理机制
本文将深入分析Android系统的内存管理机制,包括其内存分配、回收策略以及常见的内存泄漏问题。通过对这些方面的详细讨论,读者可以更好地理解Android系统如何高效地管理内存资源,从而提高应用程序的性能和稳定性。
705 16
|
Linux 网络安全 Apache
CentOS7 Apache安装配置SSL证书/https(腾讯云为例)
CentOS7 Apache安装配置SSL证书/https(腾讯云为例)
1327 0
CentOS7 Apache安装配置SSL证书/https(腾讯云为例)
Flutter之自定义路由切换动画
Flutter之自定义路由切换动画 在Flutter中,我们可以通过Navigator来实现路由管理,包括路由的跳转和返回等。默认情况下,Flutter提供了一些简单的路由切换动画,但是有时候我们需要自定义一些特殊的动画效果来提高用户体验。本文将介绍如何在Flutter中实现自定义的路由切换动画。
671 0
|
小程序
微信小程序 - 修改 AppID,项目名称 等配置信息
微信小程序 - 修改 AppID,项目名称 等配置信息
1289 0

热门文章

最新文章