【Web_办公自动化_Markdown_常用语法】标题/字体/颜色/段落/代码/图片/链接等

铜锣烧1号

已于 2024-03-11 16:52:46 修改

阅读量794

点赞数

分类专栏：办公自动化文章标签：软件测试前端

于 2023-03-20 10:15:36 首次发布

本文链接：https://blog.csdn.net/denzeleo/article/details/129661853

版权

办公自动化专栏收录该内容

3 篇文章 0 订阅

订阅专栏

官方说明

https://daringfireball.net/projects/markdown/syntax
https://markdown.tw/
https://www.w3cschool.cn/markdownyfsm/markdownyfsm-odm6256r.html

注意事项

必须用英文逗号
必须符号和文本之间，加空格才能识别
一个回车是复制格式，二个回车撤销格式
高亮/加粗/加斜体字体，很多软件通过配置才能实现，和语法无关

快捷键

回车：1个回车复制格式，2个回车取消格式
tab：1个tab表示缩进，shift+tab表示取消缩进

标题

一级标题
二级标题
三级标题（建议最高到3级标题）
四级标题
五级标题
六级标题

主标题

副标题

一级标题

二级标题

有序列表

第一项（有序嵌套有序）
1. 第一项嵌套的第一个元素
2. 第一项嵌套的第二个元素
第二项（有序嵌套无序）
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素

第三项（无序嵌无有序）
- 第三项嵌套的第一个元素
- 第三项嵌套的第二个元素

无序列表

列表1

列表2

列表3（推荐）
- 嵌套1
- 嵌套2
- 嵌套3
计划任务
完成任务

自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

分割线

*** 分割线

字体

高亮文本
强调文本 强调文本
粗体文本 粗体文本
粗斜体文本 粗斜体文本
删除

引用文本

符号

\ 反斜杠
` 反引号
* 星号
_ 下划线
{} 大括号
[] 中括号
() 小括号
#井号
+ 加号
- 减号
. 英文句号
! 感叹号

字体大小、颜色

指定字体类型：我是黑体字
指定字体大小：我是1号字
指定字体颜色：我是蓝色字 #0099ff 为颜色的16进制代码
指定字体颜色、字号、字体类型黑体

段落

最外层

第一层嵌套

第二层嵌套
最外层区块

第一项
第二项

中间层区块

第一项
第二项
第三项

区块中使用列表

第一项
第二项
第三项

列表中使用区块

第一项

第二项

第三项

插入代码

插入单行代码code
插入多行代码

// An demo
print("",end="\n")

举例：用 ```包裹一段代码，并指定一种语言（也可以不指定）

$(document).ready(function () {
    alert('testdemo');
});

插入超链接

变量获取网址

这个链接用 1 作为网址变量 [Google][1]
这个链接用 2 作为网址变量 [baidu][2]
然后在文档的结尾为变量赋值（网址）
[1]: http://www.google.com/
[2]: http://www.baidu.com/

插入图片

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ynAtDj7N-1679278403876)(图片地址 “标题地址=30x30”)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-02voHAyz-1679278403881)(图片地址 “标题地址#pic_center”)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b0zDPfvN-1679278403881)(图片地址 “标题地址#pic_center =30x30”)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rqmuhy8L-1679278403882)(/testPNG.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nd5y9REW-1679278403882)(./testPNG.png “testdemo”)]
这个链接用 1 作为网址变量 [testdemo][1].
然后在文档的结尾为变量赋值（网址）
[1]: ./testPNG.png
Markdown 还没有办法指定图片的高度与宽度，如果你需要的话，你可以使用普通的标签。

支持本地链接和图床链接

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xtxmeLSy-1679278403882)(https://www.baidu.com/1.png)]

图片alt就是显示在图片下面的文字，相当于对图片内容的解释，可以不写。
图片地址链接可以是图片的本地地址或网址。
图片optional title是图片的标题，当鼠标悬置于图片上时显示的内容。title可加可不加。

表格

| 表头 | 表头 | 表头 |
| — | :–: | —: |
内容|内容|内容
内容|内容|内容
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
左对齐右对齐居中对齐
单元格单元格单元格
单元格单元格单元格
第二行分割表头和内容。
有一个就行，为了对齐，多加了几个
文字默认居左
两边加：表示文字居中
右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

左对齐	右对齐	居中对齐
单元格	单元格	单元格
单元格	单元格	单元格
第二行分割表头和内容。

公式

$1 + 1 = 2$
$1 + 1 = 2$
$x_1^2+x_2^3=9$
$\sqrt[4]{\frac xy}$
$\begin{pmatrix}1 & 2 \\ 3 & 4\\ \end{pmatrix}$

图表

语法很复杂，建议用其他软件做图表
1、横向流程图源码格式：

2、竖向流程图源码格式：

3、标准流程图源码格式：

4、标准流程图源码格式（横向）：

5、UML时序图源码样例：

6、UML时序图源码复杂样例：

7、UML标准时序图样例：

8、甘特图样例：

%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h