Markdown 教程之如何在 Markdown 文档中添加流程图、方程式和交互式图形

news2024/7/6 19:31:49

您是否遇到过想要在 Markdown 文档中包含一些简单图表或方程式的场景?如果这是一次性的事情,你可以做的是使用 Power Point 或在线生成器,将图表保存为图像并将其放在你的文章中。这种方法的缺点是背景颜色可能与您的文章不匹配,并且进行更改非常耗时。

Markdown 扩展是第三方软件提供的附加功能,可以丰富 Markdown 文档的内容。我们将讨论三个常用的,您可能会在适当的时候使用它们。

流程图和图表——美人鱼

Mermaid 是一个基于 javascript 的 markdown 扩展,让您可以使用文本和代码创建图表和可视化。只需几行代码,您就可以创建流程图、时序图、甘特图、饼图等。

它可以与 Markdown 无缝集成。mermaid您可以使用带标签的围栏代码 (```) 来调用它。例如

```mermaid
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

在这里插入图片描述
Mermaid 已经存在了一段时间,并得到了 markdown 社区的广泛支持。例如,Github 内置的markdown 引擎和笔记应用Joplin开箱即用地支持 Mermaid。您可以详细了解如何使用 Mermaid 并试用他们的实时编辑器。

数学方程式

您是需要做数学笔记的学生还是研究人员?许多降价编辑器或引擎支持 Latex 风格的方程式。它将任何以

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/14803.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

[附源码]java毕业设计柠檬电动车租赁系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

java selenium (五) 元素定位大全

页面元素定位是自动化中最重要的事情, selenium Webdriver 提供了很多种元素定位的方法。 测试人员应该熟练掌握各种定位方法。 使用最简单,最稳定的定位方法。 自动化测试步骤 在自动化测试过程中, 测试程序通常的操作页面元素步骤 1. 找到…

【快速上手系列】内网穿透(natapp)的快速上手和简单使用教程

【快速上手系列】内网穿透(natapp)的快速上手和简单使用教程 使用 1、natapp配置 网址 https://natapp.cn/ 官方文档 https://natapp.cn/article/natapp_newbie (这个也挺言简意赅的😎) 点击下载或向下划到客户端…

读写算杂志社读写算编辑部读写算杂志2022年第30期目录

课程改革 新课程理念下学生自主学习能力培养策略探究 陈璟; 1-3 新课改下初中语文教学中名著阅读教学策略探究 赵璇; 4-6 教育创新《读写算》投稿:cn7kantougao163.com 多媒体辅助下初中物理教学方法改革策略分析 张鹤贵; 7-9 关于互联网环境下小学美术课堂教学模式…

LVGL | 1.LVGL PC模拟器之CodeBlocks

LVGL的学习与使用 LVGL | 1.LVGL PC模拟器之CodeBlocks 1.资源 1-1.主页:https://lvgl.io/ 1-2.LVGL | LVGL简介之中文文档 1-3.LVGL | LVGL快速概述之中文文档 1-4.问题反馈:https://forum.lvgl.io/ 1-5.LVGL开源GUI零基础入门课程(韦东山监制) 教程基…

【附源码】计算机毕业设计JAVA沙县小吃点餐系统

项目运行 环境配置: Jdk1.8 Tomcat8.5 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: Springboot mybatis Maven Vue 等等组成,B/…

通信电源专业技术交流

UPS电源 •UPS为交流不间断供电电源系统的英文缩写。• UPS系统原理:UPS系统由整流模块、逆变器、蓄电池、静态开关等组成。整流模块(AC/DC)和逆变器(DC/AC)都为能量变换装置,蓄电池为储能装置。除此还有间…

docker部署Jenkins与任务创建【七千字超详细指南】

大家好,我是早九晚十二,目前是做运维相关的工作。写博客是为了积累,希望大家一起进步! 我的主页:早九晚十二 文章目录什么是jenkins?jenkins的功能依赖环境使用docker快速搭建查看版本下载jenkins镜像使用d…

搞个网站需要多少钱【网站费用】

想搞一个网站,我们先了解一下搞个网站需要多少钱?网站建设费用主要包括:网站搭建、服务器费用(有些是免费的)、域名费用以及其他杂费。对于刚成立网站我们可以选择用自助建站方案来进行搭建网站,因为我们自…

【freeRTOS】操作系统之五.-内存管理

\FreeRTOS\Source\portable\MemMang下提供了5中内存分配机制的实现 一、配置FreeRTOS内存大小 在FreeRTOSConfig.h头文件中宏configTOTAL_HEAP_SIZE用于配置内核可用的RAM大小。 在heap1.c, heap2.c, heap4.c源文件中,分配的内存实际上是用一个静态数组ucHeap来表…

阿里后端优化这么恐怖?看完这20W字Java性能实战经验手册,最少P7

学习是一种基础性的能力。然而,“吾生也有涯,而知也无涯。”,如果学习不注意方法,则会“以有涯随无涯,殆矣”。 学习就像吃饭睡觉一样,是人的一种本能,人人都有学习的能力。我们在刚出生的时候…

通过rpm安装MySQL8.0

前文 下载虚拟机,安装Linux(Centos7发行版)关闭SELinux服务 (安全模块,容易跟其他程序冲突,建议关闭)替换yum源 (加快下载依赖速度)安装MySQL 关闭SELinux 进入vi /ec…

代码随想录——冗余连接(并查集)

题目 树可以看成是一个连通且 无环 的 无向 图。 给定往一棵 n 个节点 (节点值 1~n) 的树中添加一条边后的图。添加的边的两个顶点包含在 1 到 n 中间,且这条附加的边不属于树中已存在的边。图的信息记录于长度为 n 的二维数组 edges ,edges[…

(C语言)成绩统计

[#4练习赛]成绩统计 题目描述 传智专修学院的“Java程序设计”班有 N(1≤100)N(1 \le 100)N(1≤100) 个学生,知道他们的个人信息和成绩: 姓名(长度不超过 202020 的仅由小写字母组成的字符串)平时分成绩(000 到 100…

网格窗帘布能符合NFP92-503法国M2级别要求吗?

NFP 92-503是针对建筑材料类产品的阻燃性能测试,主要分为M1-M4四个级别,M1为最高级别,以此类推,故而M2对阻燃要求还是比较严格的,布料要申请M2要求的话,前提至少要有阻燃处理了。 NFP 92-503 建筑材料阻燃测…

振弦采集模块主动上传测量数据( UART)

振弦采集模块主动上传测量数据( UART) 默认情况下 VMXXX 模块总是以从机身份与主机完成数据交互, 在这种主从结构中, VMXXX 从不主动上传数据, 可通过修改自动上传寄存器( ATSD_SEL)来实现模块主…

论文阅读笔记 | 三维目标检测——MV3D算法

如有错误,恳请指出。 文章目录1. 背景2. 网络结构2.1 提案投影网络2.2 区域融合网络3. 实验结果paper:《Multi-View 3D Object Detection Network for Autonomous Driving》 1. 背景 激光雷达可以提供物体的深度信息,而摄像头可以提供物体的…

麦子-linux字符设备驱动初探

字符驱动的联系 框架 软件支持:驱动 驱动类型 1、字符驱动(每次读取一个字节) 2、块驱动(每次读取多个字节) 3、网络设备驱动(协议栈) 设备号dev_t 内核中使用类型dev_t来描述设备号&…

【Unity3D】Unity 脚本 ④ ( 游戏物体 GameObject 的坐标 | 修改 游戏物体 GameObject 的本地坐标 )

文章目录一、 游戏物体 GameObject 的坐标二、 修改 游戏物体 GameObject 的本地坐标一、 游戏物体 GameObject 的坐标 游戏物体 GameObject 的坐标 有 2 种 : 世界坐标 : 调用 Transform#position 属性 获得 ;本地坐标 : 调用 Transform#localPosition 属性 获得 ,本地坐标 就…

这份Java大厂常见面试题解析,你的闭关修练宝典!

纵观今年的技术招聘市场, Java依旧是当仁不让的霸主 !即便遭受 Go等新兴语言不断冲击,依旧岿然不动。究其原因: Java有着极其成熟的生态,这个不用我多说; Java在 运维、可观测性、可监 控性方面都有着非常…