首页 > 其他 > 详细

Markdown学习

时间:2020-12-24 17:03:10      阅读:25      评论:0      收藏:0      [点我收藏+]

Hello Markdown

1.Markdown 标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.Markdown 段落

段落的换行是使用两个以上空格加上回车
*斜体文本* 
_斜体文本_ _dandai_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西
***
---
___



如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可

dabdai

下划线可以通过 HTML 的 <u> 标签来实现
<u>带下划线文本</u>

dandai

3.Markdown 列表

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容
  • dandai1
  • dandai2
  • dandai3
有序列表使用数字并加上 . 号来表示
  1. dandai1
  2. dandai2
  3. dandai3
列表嵌套只需在子列表中的选项前面添加四个空格即可
  1. dandai1
    • dandai1
    • dandai2
    • dandai3
  2. dandai2
    • dandai1
    • dandai2
    • dandai3

4.Markdown区块

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号
另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推
如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进
  1. dandai

  2. dandai

dandai1

dandai2

dandai3

5.Markdown代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`)

dandai

代码区块使用 4 个空格或者一个制表符(Tab 键)
>
>
>
用 ``` 包裹一段代码,并指定一种语言(也可以不指定)

6.Markdown 链接

[链接名称](链接地址) 或者 <链接地址>

百度

https://www.baidu.com/

7.Markdown 图片

开头一个感叹号 !
接着一个方括号,里面放上图片的替代文字
接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title‘ 属性的文字。

技术分享图片

8.Markdown 表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。

9.Markdown 高级技巧

支持的 HTML 元素
不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等
**文本加粗** 
\*\* 正常显示星号 \*\*

dandai

**dandai**

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号
横向流程图源码格式
graph LR A[方形] -->B(圆角) B --> C{条件a} C -->|a=1| D[结果1] C -->|a=2| E[结果2] F[横向流程图]
**竖向流程图源码格式**
graph TD A[方形] --> B(圆角) B --> C{条件a} C --> |a=1| D[结果1] C --> |a=2| E[结果2] F[竖向流程图]
标准流程图源码格式
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

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

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
UML时序图源码复杂样例
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
UML标准时序图样例
%% 时序图例子,-> 直线,-->虚线,->>实线箭头 sequenceDiagram participant 张三 participant 李四 张三->王五: 王五你好吗? loop 健康检查 王五->王五: 与疾病战斗 end Note right of 王五: 合理 食物 <br/>看医生... 李四-->>张三: 很好! 王五->李四: 你怎么样? 李四-->王五: 很好!
甘特图样例
%% 语法示例 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学习

原文:https://www.cnblogs.com/huduo/p/14183610.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!