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

这里写自定义目录标题

  • 官方说明
      • 注意事项
      • 快捷键
  • 标题
  • 一级标题
    • 二级标题
      • 三级标题(建议最高到3级标题)
        • 四级标题
          • 五级标题
            • 六级标题
  • 主标题
    • 副标题
  • 一级标题
    • 二级标题
      • 有序列表
      • 无序列表
      • 自定义列表
      • 分割线
      • 字体
      • 符号
      • 字体大小、颜色
      • 段落
      • 插入代码
      • 插入超链接
      • 标题+网址
      • 直接网址
      • 变量获取网址(Title可加可不加)
      • 变量获取网址
      • 插入图片
      • 支持本地链接和图床链接
      • 表格
      • 公式
      • 图表
    • 注释也是必不可少的
      • 注脚

官方说明

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

注意事项

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

快捷键

  • 回车:1个回车复制格式,2个回车取消格式
  • tab:1个tab表示缩进,shift+tab表示取消缩进

标题

  1. 一级标题

  2. 二级标题

  3. 三级标题(建议最高到3级标题)

  4. 四级标题

  5. 五级标题
  6. 六级标题

主标题

副标题

一级标题

二级标题

有序列表


  1. 第一项(有序嵌套有序)
    1. 第一项嵌套的第一个元素
    2. 第一项嵌套的第二个元素
  2. 第二项(有序嵌套无序)
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素
  • 第三项(无序嵌无有序)
    • 第三项嵌套的第一个元素
    • 第三项嵌套的第二个元素

无序列表


  • 列表1
  • 列表2
  • 列表3(推荐)

    • 嵌套1
    • 嵌套2
    • 嵌套3
  • 计划任务

  • 完成任务

自定义列表

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

分割线



  • *** 分割线

字体


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

引用文本

符号


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

字体大小、颜色


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

段落


最外层

第一层嵌套

第二层嵌套
最外层区块

  1. 第一项
  2. 第二项

中间层区块

  • 第一项
  • 第二项
  • 第三项

区块中使用列表

  • 第一项
  • 第二项
  • 第三项

  • 列表中使用区块

第一项

第二项

第三项

插入代码


  • 插入单行代码code
  • 插入多行代码
// An demo
print("",end="\n") 

举例:用 ```包裹一段代码,并指定一种语言(也可以不指定)

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

插入超链接


标题+网址

链接标题

直接网址

http://链接网址

变量获取网址(Title可加可不加)

  • 文字链接 链接名称
  • 网址链接 http://链接网址
  • 链接标题 [链接变量1]: www.baidu.com
  • 超链接名
  • 实例:
    • 简书 http://jianshu.com
    • 我的简书主页

变量获取网址

这个链接用 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 1+1=2
  • 1 + 1 = 2 1+1=2 1+1=2
  • x 1 2 + x 2 3 = 9 x_1^2+x_2^3=9 x12+x23=9
  • x y 4 \sqrt[4]{\frac xy} 4yx
  • ( 1 2 3 4 ) \begin{pmatrix}1 & 2 \\ 3 & 4\\ \end{pmatrix} (1324)

图表


  • 语法很复杂,建议用其他软件做图表
    1、横向流程图源码格式:
a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图

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

a=1
a=2
方形
圆角
条件a
结果1
结果2
竖向流程图

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

Created with Raphaël 2.3.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

4、标准流程图源码格式(横向):

Created with Raphaël 2.3.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

5、UML时序图源码样例:

对象A 对象B 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗? 对象A 对象B 标题:复杂使用

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

对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:复杂使用

7、UML标准时序图样例:

张三 李四 王五 王五你好吗? 与疾病战斗 loop [健康检查] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题:复杂使用

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

注释也是必不可少的

Markdown将文本转换为 HTML

注脚


一个具有注脚的文本。1


  1. 注脚的解释 ↩︎

你可能感兴趣的:(办公自动化,软件测试,前端)