乐趣区

关于markdown: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. 行内式图片语法: ![图片题目](图片链接)

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


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


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

效果图如下:

退出移动版