再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制东西

开发人员已能够在 GitHub 中使用 Mermaid 图表东西。

Mermaid 作为图表绘制东西越来越多的受到开发人员的欢迎。它鉴于 Javascript ,通过解析类 Markdown 的文本语法来兑现图表的创设和动态修改,可以使用这个东西来进行包括流程图,时序图等图表的绘制。可以将其看做是 Markdown 的一个插件。

再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制东西

截至目前,用户想要在 GitHub 上的 Markdown 文献中包含图片 / 图表,唯一的做法是通过嵌入图像来兑现。目前 Mermaid 由 Knut Sveidqvist 进行维护。

再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制东西

Knut Sveidqvist新的一年,GitHub 开发者关系总监 Martin Woodward 在官方博客表示,从现在开始,用户可以通过 GitHub 体验到一项原生功能 —— 支持鉴于 JavaScript 的 Mermaid 图表和流程图天生东西。现在用户通过使用 Mermaid 语法就可以创设内联图,例如:

再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制东西

上面的原始代码块在衬着后,在 Markdown 中显示如图:

再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制东西

Mermaid 如何工作?当代码遇到标记为 mermaid 的代码块时,会天生一个 iframe,iframe 采用原始 Mermaid 语法并传递给 Mermaid.js,然后将代码转换为本地浏览器中的图表。兑现这一过程需要如下两个阶段:

GitHub 的 HTML pipeline;

内部文献衬着办事。

首先,用户向 HTML pipeline 中增添了一个过滤器,该过滤器通过查找具有 mermaid 语言特征的原始 pre 标签,并将其替换为渐进式工作的模板,这样,在非 JavaScript 环境中请求嵌入 Mermaid 实质的客户将看到原始的 Markdown 代码。接下来,假设用户是在支持 JavaScript 的环境中查看实质,此时会将 iframe 增添到页面,将 src 属性指向 Viewscreen 办事。这样做具有以下优点:

将库 offload 到外部办事时,可以减少 JavaScript 有效负荷;

异步衬着图表有助于消除开销;

用户提供的实质被锁定在 iframe 中,这样不会在加载图表的 GitHub 页面上造成破坏。

Mermaid pipeline下面是 Mermaid pipeline 可视化路径图:用户可以得到一个快速的、易于编辑的和鉴于矢量的图,它会出现在文档中需要的地方。再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制东西想了解更多有关 Mermaid 语法的信息,请参考:http://mermaid-js.github.io/mermaid/#/参考链接:https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/

原创文章,作者:机器之心,如若转载,请注明出处:https://www.iaiol.com/news/zai-bu-yong-pa-markdown-zhong-de-hui-tu-le-github-guan-fang/

(0)
上一篇 2022年 2月 15日 下午2:20
下一篇 2022年 2月 15日 下午2:42

相关推荐

  • Creator 面对面 | 昇腾异构盘算架构 CANN 的技巧进展和未来展望

    在 2021 年的最后一个季度, CANN 5.0 版本正式发布。昇腾 CANN 作为平台级的异构盘算架构,已经经过了 3 年多的优化,迭代了 4 个大版本,CANN 5.0 在性能方面,AI 模型训练/推理性能大幅提升,用时更短;在功能方面:推理引擎 ATC Suite1.0 首次发布,AI 模型推理性能更高、功能更全面;在便捷性方面:代码开发和调试进一步简化,包括支持混合编程等,使用门槛更低。在性能上,无论是训练规模大小、场景类型,还是推理效率,均有较大提升。实验数据显示,原本需要 6.25 分训练的 BERT 模型,在 CANN 5.0 的加持下缩短了一倍多,只需2.69分钟就能完成训练;至于在 3.0 版本上需要 28 秒训练的 ResNet ,5.0 版本则是“再进化”到 16 秒。

    2022年 7月 15日
  • 海内视频天生爆发前夕,我们组织了一场核心玩家都参与的分享调换会

    近几个月来,视频天生范畴连续公布了新技巧、新模型和新工具,AI 天生的视频效果也得到了肉眼可见的提升和颠覆。很多人认为,人工智能范畴接下来公认的主战场,毋庸置疑是视频天生技巧。图 1:2023 年 AI 视频工具概览  图片来源:https://twitter.com/venturetwins/status/1741147864498397328随着一夜爆火的 Pika 1.0 全面开放、Runway 公布的 Gen-2 开始商业化探索、Meta、Moonvalley 和 Stability AI 等公司

    2024年 1月 8日
  • ScienceAI 2021「AI+质料」专题年度回顾

    编辑/凯霞传统的质料设想与研发,以实验和经验为主。但随着质料化学和加工变得越来越复杂,这变得越来越具有挑战性。随着人工智能(AI)的快速发展,AI 技巧已广泛使用于质料科学各领域。科学家正努力通过估计机建模和 AI 技巧,根据所需要的本能预计候选质料,从而加快新质料的研发速率和效率,降低研发成本。AI 正在减速搜索和预计质料特色。在 AI 的助力下,质料在极端、恶劣条件下的本能得到快速且准确的预计,实现了人类目前无法实现的……利用 AI 技巧来减速设想和发觉尚不存在的质料。这些先进的质料将使技巧更先进和更环

    2022年 1月 6日
  • 让机器进修安排手机GUI,这合理么?

    研究背景:图形用户界面(Graphical UserInterface,简称 GUI,又称图形用户接口),为用户和计算机桌面程序,手机类移动端软件,和在线网站提供了可视化的交互方式。安排优秀的GUI颜值在线且简洁易用,吸引大量忠实用户。但即便对经验丰富的GUI安排者,新App与GUI的创作过程也是非常困难且耗费时间的,例如交互流畅、通用、简洁、美观、作风连贯等与安排相关的规则和标准是安排者们需要遵循的。而且为了紧跟时代潮流,不断从其他的资源(如Dribbble)寻找最新最热的安排来获取灵感也为安排者们带来了额外巨大

    2021年 6月 23日
  • AAAI 2021论文:利用深度元进修对城市销量从事展望

    对于线上和线下的零售行业,销量展望都是一项至关重要的恣意,它可以帮助企业更好的预备库存以及在各个仓库之间分配商品。特别是在大型购物节期间,强劲的促销活动将极大地促进消费。然而,可供参考的历史数据却非常稀缺。如何同时对城市的分歧地区和分歧时光段的销量从事展望,是一个非常具有挑战的问题。在2020年12月收录的AAAI 2021(CCF-A类)上,京东城市被收录了一篇名为《Robust Spatio-Temporal Purchase Prediction via Deep Meta Learning》的论文。该论文研

    2021年 8月 11日
  • 神经搜集debug太难了,这里有六个实用技巧

    神经搜集的 debug 过程着实不容易,这里是一些有所帮助的 tips。

    2021年 6月 11日
  • 阿里 BladeDISC 深度进修编译器正式开源

    作者:朱凯 – 机器进修PAI团队 随着深度进修的不断发展,AI模型结构在快速演化,底层算计硬件技术更是层出不穷,对于广大开发者来说不仅要考虑如何在复杂多变的场景下有效的将算力发挥出来,还要应对算计框架的持续迭代。深度编译器就成了应对以上课题广受关注的技术方向,让用户仅需专注于上层模型开发,降低手工优化本能的人力开发成本,进一步压榨硬件本能空间。阿里云机器进修PAI开源了业内较早投入实际业务使用的静态shape深度进修编译器 BladeDISC,本文将详解 BladeDISC的设计原理和使用。BladeD

    2022年 3月 30日
  • 3D传感器芯片技能全球率先,灵明光子完成数亿元C轮融资

    新一代全球率先的3D传感器芯片服务商灵明光子完成数亿元C轮融资,领投方为美团龙珠,老股东昆仲资本和高榕资本继续加注,光源资本担任独家财务顾问。融资完成后,公司将加速推进产物量产,并继续在先进领域投入研发,保持技能率先性。灵明光子致力于用国际率先的单光子探测器(SPAD)技能,为手机、激光雷达、机器人、AR装备等提供自主研发的高性能dToF深度传感器芯片。自2018年成立以来,灵明光子已迅速完成多轮融资,并引入小米、OPPO、欧菲光等产业资本,显示出商场对于灵明光子dToF芯片研发能力和运用前景的看好。dToF(di

    2022年 4月 11日
  • CVPR 2022 | 图象也是德布罗意波!华为诺亚&北大提出量子启发MLP,机能超越Swin Transfomer

    来自华为诺亚方舟实验室、北京大学、悉尼大学的研究者提出了一种受量子力学启发的视觉 MLP 新架构。

    2022年 3月 16日
  • Pravega Flink connector 的过去、现在和未来

    本文整理自戴尔科技集团软件工程师周煜敏在 Flink Forward Asia 2020 分享的议题《Pravega Flink Connector 的过去、现在和未来》,文章内容为:Pravega 以及 Pravega connector 简介Pravega connector 的过去回顾 Flink 1.11 高阶特性心得分享未来展望   一、Pravega 以及 Pravega connector 简介Pravega 项目的名字来源于梵语,意思是 good speed。项目起源于 2016

    2021年 7月 22日

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注