Markdown练习

1.标题

一级标题

一级标题使用里一个以上 等号 === 即可

二级标题

二级标题使用一个以上 段横--- 即可

一级

二级

三级

四级

五级
六级

标题也可采用 井号#,#代表一级标题,##代表二级标题,以此类推,最多六级标题


2.区块实例(换行生效)

一个 大于号> 代表一个区块,区块可以多级嵌套

示例代码:

> 区块实例
>> 区块嵌套
>>> 区块多级嵌套

显示效果:

区块实例

区块嵌套

区块多级嵌套


3.列表

无序列表 (星号*) (段横-) (加号+) ,有序列表1. 2. 3.

无序列表

  • 1
  • 2
  • 3

有序列表

  1. 一级选项
  2. 二级选项
  3. 三级选项
  • 产品介绍
    1. 介绍
  • 产品功能
    1. 功能 1
    2. 功能 2
  • 产品特点
    1. 特点 1
    2. 特点 2

4.代码区块

一对反引号(``)可以包含一行代码或者函数

四个空格或者一个TAB可以包含区块代码

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

message = "Python syntax highlighting”
print(message)
#include<stdio.h>   

#include<stdio.h>

5.分割线

三个以上 段横---



6.强调

单星号添加斜体效果 *

下划线加粗 __ __ 或者 双星号加粗 ** **

三星号粗斜体 *** ***


7.链接

行内式链接语法:以个人博客为例 [链接标题](链接地址)

参考式链接语法:以个人博客为例 [链接标题][链接索引,例如1]
然后在文档任意一处添加索引链接 [1]: (链接地址)


8.图片
  1. 行内式图片语法:![图片标题](图片链接)
    ubuntu
  1. 参考式图片语法:![图片标题][图片链接索引],之后在文档任意一处添加索引链接,例如[1]:(图片地址)
    ubuntu

    图片语法样式与链接样式区别在于图片语法多了 感叹号!

9.表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
语法格式如下:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

代码显示效果:

表头 表头
单元格 单元格
单元格 单元格

我们可以设置表格的对齐方式:

-: 设置内容和标题栏居右对齐。

:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
(冒号在哪,哪里对齐)

实例如下:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

代码显示效果:

左对齐 :-- 右对齐 --: 居中对齐 :--:
单元格 单元格 单元格
单元格 单元格 单元格
(左对齐)Tables Are(居中对齐) Cool(居中对齐)
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
(左对齐)Year (居中对齐)Mon day time(右对齐)
2018 05 11 18:03
2017 08 15 19:54

10.email

尖括号<> 可包含邮箱链接

我的邮箱13175311521@163.com


11.Markdown高级技巧之typora 画流程图、时序图(顺序图)、甘特图

复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果:

1、横向流程图源码格式:

graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]

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

graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]

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

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

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

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

5、UML时序图源码样例:

对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?

6、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: 没人陪我玩

7、UML标准时序图样例:

%% 时序图例子,-> 直线,-->虚线,->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗?
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!

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

效果图如下:


image
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容

  • Markdown: Syntax 概述 哲学 行内 HTML 特殊字符自动转换 区块元素 段落和换行 标题 区块引...
    未知代码阅读 7,508评论 6 50
  • 简介 markdown是一种轻量级标记语言,支持嵌入html标签。markdown语法说明:http://wowu...
    Wee_001f阅读 267评论 0 0
  • 标题用“#”加空格表示 一级标题 二级标题 三级标题 四级标题 五级标题 列表用“-”加空格表示或者用“1.”“2...
    chengco阅读 236评论 0 0
  • 这是一级标题 这是二级标题 这是三级标题 这是四级标题 这是五级标题 这是六级标题 无序列表1 无序列表2 无序列...
    落雨清枫阅读 194评论 0 0
  • [TOC] markdown练习 列表 1.有序列表 效果: aaabbbbbb ccc ddd 2.无序列表 效...
    木木带你飞阅读 319评论 0 0