如何使你的mermaid流程图里的某一段文字加粗、变斜、成为上下标……

news2025/1/23 21:31:29

目录

  • 参考的链接
  • 开头
  • 1.加粗,*斜体*与下划线
  • 2.标记,~~删除线~~与^上^~下~标
  • 3.``代码片``与标题
  • 4.注释与蓝色链接
  • 5.</q>
    西
  • 结尾


参考的链接

HTML标签列表(按字母排序)和HTML标签列表(按功能排序)

开头

大家好,我叫这是我58。今天,我们来看一下怎样给你的mermaid流程图具有加粗斜体标等字体格式的方法。

1.加粗,斜体下划线

如果你想要使某一段文字加粗,变成斜体或者在下面添加一段下划线,那么就可以在你的mermaid流程图里的某一段文字的旁边添上<b></b><i></i>或者<u></u>这样三对HTML标签(因为mermaid流程图是由HTML构成的)。成品如下。

加粗
斜体
下划线

2.标记,删除线

如果你想要使标记上某一段文字,加上一条删除线或者变成上标下标,那么就可以在你的mermaid流程图里的某一段文字的旁边添上<mark></mark><s></s><sup></sup>或者<sub></sub>这样四对HTML标签,成品见下面的流程图。

标记
删除线
上标
下标

3.代码片与标题

如果你想要某一段文字变成代码片或者

标题

之类的文字,那么就可以在你的mermaid流程图里的某一段文字的旁边添上 <code></code>

<h1></h1>

~
<h6></h6>
这样的七对HTML标签 (注:<h1></h1>~<h6></h6>这一些标签之后的文字会自动换行一次,而且你也看到了),成品见下面的流程图。

代码片

4.注释蓝色链接

而如果你想要使某一段文字变成注释或者蓝色链接,那么就可以在你的mermaid流程图里的某一段文字的旁边添上<abbr title=你想要注释的文本></abbr>或者<a href=你想要的链接></a>这样的两对标签,成品如下。

注释
蓝色链接

5.
西

HTML标签代表什么
<big></big>大字
<small></small>小字
<input></input>(<input>标签里的属性型可参考HTML<input>标签的简介)
<q></q>短的引用
<p></p>

段落

<ruby>你想要的字符串<rp></rp><rt>字符的解释或发音</rt><rp></rp></ruby>有解释或着发音的字符串字符串的解释或发音

(注:标签<rp>括起来的内容为浏览器不支持 “ruby” 元素时显示的内容,并且<rt> 标签要与<ruby><rp>标签一起使用)

<button></button>
<tt></tt>打字机文本
<ins></ins>被插入文本
<kbd></kbd>键盘文本(注:尽量不要多打这个标签,要不然就会出问题)
…………
鉮津一种津

,







伟3弟的申只因,害白勺口肃了一下
Alt

结尾

在你看到这里之后,可以评论来互动一下我哦。

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

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

相关文章

【架构】客户端优化

这篇文章总结一下服务器网关及之前部分的优化&#xff0c;如客户端的优化&#xff0c;CDN/DNS等。 这里我们先谈一谈客户端缓存优化的手段。一般我们后端在说到缓存&#xff0c;第一时间想到的往往是redis&#xff0c;其实缓存在架构层次还有很多其他可以实现的地方&#xff0…

从LLM到大模型推理的最新进展

大语言模型LLM的推理引擎经过一年时间发展&#xff0c;现在主流方案收敛到了开源的vLLM和半闭源的TensorRT-LLM。 TRT-LLM基于C开发&#xff0c;有NV算子开发黑魔法加持&#xff0c;在其重点支持的场景里&#xff0c;性能可以做到极致。vLLM基于python开发&#xff0c;代码简洁…

MySQL第2讲--关系型数据库以及SQL语句分类之DDL数据库和表的操作

文章目录 前言关系型数据库&#xff08;RDBMS&#xff09;关系型数据库的特点 MySQL数据模型SQL介绍基本语法规则SQL语句的分类DDL的介绍DDL的数据库操作DDL的表操作 前言 上一节MySQL第1讲–详细安装教程和启动方法中介绍了MySQL如何安装&#xff0c;以及如何启动和客户端连接…

使用 Elastic 和 Mistral 构建多语言 RAG

作者&#xff1a;来自 Elastic Gustavo Llermaly 使用 Elastic 和 Mixtral 8x22B 模型构建多语言 RAG 应用程序。 Mixtral 8x22B 是性能最高的开放式模型&#xff0c;其最强大的功能之一是能够流利使用多种语言&#xff1b;包括英语、西班牙语、法语、意大利语和德语。 想象一…

质量属性-系统架构师(四十)

质量属性 1性能&#xff1a; 指系统响应能力。如响应时间、吞吐量。 设计策略&#xff1a;优先级队列&#xff0c;增加计算机资源&#xff0c;减少计算机开销&#xff0c;引入并发机制&#xff0c;采用资源调度。 2可靠性&#xff1a; 在一定时间内正常运行的情况下&#x…

PTA—基础编程题目集(7-21)

7-21 求特殊方程的正整数解 目录 题目描述 输入格式&#xff1a; 输出格式&#xff1a; 输入样例1&#xff1a; 输出样例1&#xff1a; 输入样例2&#xff1a; 输出样例2&#xff1a; 参考代码 总结 题目描述 本题要求对任意给定的正整数N&#xff0c;求方程X2Y2N的…

《Milvus Cloud向量数据库指南》——关于Ivy.ai:重塑沟通效率与数据安全的创新先锋

关于Ivy.ai:重塑沟通效率与数据安全的创新先锋 在数字化转型的浪潮中,Ivy.ai以其前瞻性的视野和专业团队的匠心独运,正逐步成为高等教育、医疗保健及公共部门沟通效率提升的引领者。这家企业不仅代表了人工智能技术在服务领域的最新进展,更以其旗舰产品IvyQuantum™的横空…

搬瓦工香港CMI VPS测评

搬瓦工香港cmi怎么样&#xff1f;搬瓦工香港VPS分CN2 GIA和CMI两种不同接入的网络&#xff0c;其中CMI网络的回程是强制三网全部都走移动CMI线路&#xff0c;相对CN2 GIA来说有一定的差距。实际的情况测评数据送上&#xff0c;可供参考。 CPU型号未知&#xff0c;主频2.7GHz&a…

【C++】一堆数组 冒泡排序

冒泡排序&#xff0c;一种很常见的排序法师 这章要划重点&#xff0c;很重要&#xff01;&#xff01; 排序思路为前一个元素与后一个元素比大小&#xff0c;一直循环一轮&#xff0c;找出最大/最小的那个元素后&#xff0c;进行下一轮&#xff0c;找到第二大/小的元素......…

ZLM推流

ZLM推流 ffmpeg -re -i D:\work\gb28181-client\target\classes\device\videofile.h264 -vcodec h264 -acodec aac -f rtp_mpegts rtp://127.0.0.1:10000把这个复制出来然后将defaultVhost_改成127.0.0.1

题海战术,面试必胜秘诀

目录 1.Java 的优势是什么&#xff1f;2.什么是 Java 的多态特性?3.Java 中的参数传递是按值还是按引用?4.为什么 Java 不支持多重继承?5.什么是 Java 中的不可变类?总结 题目 来自面试鸭刷题神器 1.Java 的优势是什么&#xff1f; Java 的跨平台性、垃圾回收机制以及其强…

【EtherCAT】Windows+Visual Studio配置SOEM主站——源码配置

目录 一、准备工作 1. Visual Studio 2022 2. Npcap 1.79 3. SOEM源码 二、源码部署 1. 新建Visual Studio工程 2. 创建文件夹 3. 创建主函数 4. 复制源代码 5. 删除无关项 6. 将soem源码添加进工程 7. 添加soem头文件 8. 配置头文件路径 9. 配置静态库和静态库路…

xdma的linux驱动编译给arm使用(中断检测-测试程序)

1、驱动链接 XDMA驱动源码官网下载地址为&#xff1a;https://github.com/Xilinx/dma_ip_drivers 下载最新版本的XDMA驱动源码&#xff0c;即master版本&#xff0c;否则其驱动用不了&#xff08;xdma ip核版本为4.1&#xff09;。 2、驱动 此部分来源于博客&#xff1a;xd…

多模态MLLM都是怎么实现的(12)-Florence-2

最近一直在打艾尔登法环DLC&#xff0c;疏于更新了&#xff0c;罪过罪过&#xff0c;今天把拉塔恩给过了&#xff0c;也该更新了&#xff0c;停更期间&#xff0c;催更的信息主要是啥时候更新GPU系列的第五篇&#xff0c;不是不更&#xff0c;是刚打完&#xff0c;正好有客户要…

C# Unity 面向对象补全计划 七大原则 之 里氏替换

本文仅作学习笔记与交流&#xff0c;不作任何商业用途&#xff0c;作者能力有限&#xff0c;如有不足还请斧正 本系列作为七大原则和设计模式的进阶知识&#xff0c;看不懂没关系 请看专栏&#xff1a;http://t.csdnimg.cn/mIitr&#xff0c;尤其是关于继承的两篇文章&#xff…

算法022:寻找峰值

寻找峰值. - 备战技术面试&#xff1f;力扣提供海量技术面试资源&#xff0c;帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/find-peak-element/ 这个题跟上一个题很像&#xff0c;也是寻找一个峰值。此题还特意强调了如果有多个峰…

【数学思维培养】罗博深小学数学青少年数学思维分级课程(3-4年级)

【数学思维培养】罗博深小学数学青少年数学思维分级课程&#xff08;3-4年级&#xff09; 背景前摇&#xff1a; 虽然我是学理工科计算机的&#xff0c;但我感觉我在数学方面一直都存在劣势&#xff0c;无论是写程序到了涉及数学计算的地方&#xff08;比如向量、余弦等&#…

【数据分析--带你认识数据分析,了解数据分析的】

前言&#xff1a; &#x1f49e;&#x1f49e;大家好&#xff0c;我是书生♡&#xff0c;本阶段和大家一起分享和探索数据分析—基础介绍&#xff0c;本篇文章主要讲述了&#xff1a;数据分析的介绍&#xff0c;Python开源库&#xff0c;配置Jupyter等等。欢迎大家一起探索讨论…

C++程序的编译链接过程

一、预处理 &#xff08;1&#xff09; 将所有的#define删除&#xff0c;并且展开所有的宏定义 &#xff08;2&#xff09; 处理所有的条件预编译指令&#xff0c;如#if、#ifdef &#xff08;3&#xff09; 处理#include预编译指令&#xff0c;将被包含的文件插入到该预编译…