Markdown语法说明及测试一览表
标题: Markdown语法说明及测试一览表
作者: 梦幻之心星 347369787@QQ.com
标签: [Markdown, Typora, Markdown_Nice, CSS]
目录: [Markdown]
日期: 2020-6-3
版本:V1.1
Markdown 注意事项
- 嵌套:一般在对象的行首放置4个空格或1个制表符
- 换行:在行的结束处放置2个空格后回车
- 换段:在两行之间空一行
Markdown 目录
- 在文中放置
[toc]
Markdown 代码
行内代码
- 用
`
包裹行内代码
代码区块1:段落内的代码块
用
```
包裹代码块的同时在代码块的行首放置4个空格或1个制表符function test() {
console.log("Hello world!");
}
代码区块2:段落外的代码块
- 建议使用
```
包裹代码块,或者在代码块的行首放置4个空格或1个制表符
function test() {
console.log("Hello world!");
}
Markdown 标题
- 在标题前放置1~6个
#
号
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
Markdown 段落格式
常用通用部分。
- 用1~3个
*
或_
包裹文本分别实现斜体、粗体、粗斜体
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
非常用通用部分。
下标:使用
~
包裹文本,如H2O上标:使用
^
包裹文本,如X2高亮:使用
==
包裹文本,如highlight删除线:使用
~~
包裹文本,如删除线下划线:使用
<u>
包裹文本,如带下划线文本脚注:
[1]
- 分隔线:3个及以上连续的
-
Markdown 列表
无序列表
在
-
、+
、*
后面带一个空格第一项
- 第二项
- 第三项
有序列表
- 在阿拉伯数字后面带一个
.
和一个空格
- 第一项
- 第二项
列表嵌套
- 需在子列表中的行首放置4个空格或1个制表符
- 第一项
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
- 第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
任务列表
- 在
-
、+
、*
后面带一个空格,在空格后再带一个[ ]
,[ ]
的后面再带一个空格,[ ]
里面为一个空格时表示任务未完成,[ ]
里面为一个x
时表示任务已完成
- [x] 已完成任务 1
- [ ] 待完成任务 2
- [ ] 待完成任务 2-1
- [ ] 待完成任务 2-2
Markdown 表格
- 用
|
分隔单元格,用-
分隔表头和其他行,用:
控制对齐方式
| 表头 | 左对齐 | 右对齐 | 居中对齐 |
| ------ | :----- | -----: | :------: |
| 单元格 | 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 | 单元格 |
表头 | 左对齐 | 右对齐 | 居中对齐 |
---|---|---|---|
单元格 | 单元格 | 单元格 | 单元格 |
单元格 | 单元格 | 单元格 | 单元格 |
Markdown 区块
区块引用
- 需在行首放置1个
>
区块引用
区块嵌套引用
- 需在行首放置多个
>
最外层
第一层嵌套
第二层嵌套
区块中使用列表
- 第一项
- 第二项
- 第一项
- 第二项
列表中使用区块
需要在
>
前添加四个空格的缩进第一项
区块
Markdown 链接
普通链接
<链接地址>
[链接名称](链接地址)
[链接名称](链接地址 "可选标题")
<https://markdown-here.com>
[Markdown Here](https://markdown-here.com)
[Markdown Here](https://markdown-here.com "Markdown Here 标题")
锚点链接(在文档的结尾为变量赋值)
[链接名称][网址变量]
[网址变量]: 链接地址
[Markdown Here][markdown_here_url]
[Markdown_Here_url]:https://markdown-here.com
[Markdown Here][markdown_here_url]
[Markdown_Here_url]:https://markdown-here.com
Markdown 图片
一般图片链接




)

高级链接
- 在文档的结尾为变量赋值
![alt 属性文本][图片地址变量]
[图片地址变量]: 图片地址
<img src="https://markdown-here.com/img/icon256.png" width="50%">
![梦幻之心星][Sky-seeker_url]
[Sky-seeker_url]: https://cdn.jsdelivr.net/gh/Sky-seeker/Pictrue_Bed/img/dream-seeker.jpg
![梦幻之心星][Sky-seeker_url]
[Sky-seeker_url]: https://cdn.jsdelivr.net/gh/Sky-seeker/Pictrue_Bed/img/dream-seeker.jpg
Markdown 高级技巧
支持的 HTML 元素:
- 不在 Markdown 涵盖范围内的标签,都能直接使用。目前支持的 HTML 元素有:
<kbd> <b> <i> <em> <sup> <sub> <br>
等。
- 使用 Ctrl+Alt+Del 重启电脑
- 特殊符号 & 18ºC
- 这是一行红色的文字
- 插入视频
- Emoji 表情
转义:
- Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符。
数学公式
- 使用美元符$ 包裹 TeX 或 LaTeX 格式的数学公式
行内公式
$E=mc^2$
,如 \(E=mc^2\)块公式
$$
\sum_{i=1}^n a_i=0
$$
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
{$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$
\]
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
{$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
\]
画图
#### 饼图 `mermaid pie`
```mermaid
pie
title LightZhan创作,允许规范转载(http://lightzhan.xyz)
"Joplin" : 42.96
"Qdown" : 50.05
" 黑科技" : 10.01
"其它" : 5
横向流程图 mermaid graph LR
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图]
竖向流程图 mermaid graph TD
A[方形] --> B(圆角)
B --> C{条件a}
C --> |a=1| D[结果1]
C --> |a=2| E[结果2]
F[竖向流程图]
标准流程图 flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
标准流程图(横向) flow
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 时序图 sequence
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
UML 复杂时序图 sequence
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 标准时序图 mermaid
sequenceDiagram
participant 张三
participant 李四
张三->王五: 王五你好吗?
loop 健康检查
王五->王五: 与疾病战斗
end
Note right of 王五: 合理 食物 <br/>看医生...
李四-->>张三: 很好!
王五->李四: 你怎么样?
李四-->王五: 很好!
甘特图 mermaid
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语法说明及测试一览表的更多相关文章
- HelloDjango 第 09 篇:让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书 ...
- 测试markdown语法
测试使用markdown 这是无序列表 空调 洗衣机 电脑 这是有序列表 西瓜 哈密瓜 火龙果 下划线bingo 测试 斜体好丑 粗体很赞 测试插入代码 $(document).ready(funct ...
- markdown语法测试集合
这篇文章包含markdown语法基本的内容, 目的是放在自己的博客园上, 通过开发者控制台快速选中, 从而自定义自己博客园markdown样式.当然本文也可以当markdown语法学习之用. 在mar ...
- python测试开发django-56.模板渲染markdown语法+代码高亮
前言 上一篇已经实现在xadmin后台编辑markdown语法的文档,编辑完成之后发布博客,在前端html能把markdown语法显示出来. 主要思路是先从数据库把markdown的代码读出来,导入m ...
- markdown语法(测试自用)
Markdown语法主要分为几大部分:标题.段落.区块引用.代码区块.强调.列表.分割线.链接.图片.反斜杠.符号'`' 1.标题 两种形式 1)使用 = 和 - 标记一级标题和二级标题 一级标题 二 ...
- 让站点支持MarkDown语法~(转)
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式.Markdown的语法简洁明了.学习容易,而且功能比纯文本更强,因此有很多人 ...
- Markdown语法整理
标题 语法格式:'#'+'空格'+'文本',一共6级 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 斜体 语法格式:1个星号包裹,我 ...
- Markdown 语法手册 - 完整版(下)
6. 引用 语法说明: 引用需要在被引用的文本前加上>符号. 代码: > 这是一个有两段文字的引用, > 无意义的占行文字1. > 无意义的占行文字2. > > 无 ...
- Cmd Markdown语法参考
https://www.zybuluo.com/mdeditor markdown语法说明 Markdown中公式的写法 $$P(X=k)=C_n^kp^k(1-p)^{n-k}$$ 欢迎使用 Cmd ...
随机推荐
- RabbitMQ 高级应用
本文是作者原创,版权归作者所有.若要转载,请注明出处. 本文RabbitMQ版本为rabbitmq-server-3.7.17,erlang为erlang-22.0.7.请各位去官网查看版本匹配和下载 ...
- JavaWeb项目:旅游网站【涉及各种知识】
JQuery异步请求(ajax) $.ajax({ // 请求方式为get或者post等 type: "GET", // 服务器响应的数据类型 dataType: "js ...
- link和@import引入css的区别
@import是在CSS2.1提出的,低版本的浏览器不支持.link支持良好: link引用CSS时,在页面载入时同时加载: @import需要页面网页完全载入以后加载.如果页面内容过多,会产生不好的 ...
- Java实现 LeetCode 747 至少是其他数字两倍的最大数(暴力)
747. 至少是其他数字两倍的最大数 在一个给定的数组nums中,总是存在一个最大元素 . 查找数组中的最大元素是否至少是数组中每个其他数字的两倍. 如果是,则返回最大元素的索引,否则返回-1. 示例 ...
- 第十届蓝桥杯JavaB组省赛真题
试题 A: 组队 本题总分:5 分 [问题描述] 作为篮球队教练,你需要从以下名单中选出 1 号位至 5 号位各一名球员, 组成球队的首发阵容. 每位球员担任 1 号位至 5 号位时的评分如下表所示. ...
- Java实现 LeetCode 572 另一个树的子树(遍历树)
572. 另一个树的子树 给定两个非空二叉树 s 和 t,检验 s 中是否包含和 t 具有相同结构和节点值的子树.s 的一个子树包括 s 的一个节点和这个节点的所有子孙.s 也可以看做它自身的一棵子树 ...
- php symfony/var-dumper 打印插件
$records = array( array( 'id' => 2135, 'first_name' => 'John', 'last_name' => 'Doe', ), arr ...
- Linux文件系统--基于EXT2
一.文件系统基本知识 ① 存储在永久性存储介质,由程序按照某种格式制作的数据集合叫做文件 ② 磁盘上管理文件的文件.数据结构和操作构成磁盘文件系统,简称文件系统 ③ 文件属性 (1)名称 (2)位置 ...
- Node.js躬行记(3)——命令行工具
一.自定义 创建一个空目录,然后通过npm init命令初始化package.json文件,并按提示输入相关信息或直接回车使用默认信息,生成的内容如下所示. { "name": & ...
- kvm的命令简单使用
virsh命令常用参数总结 参数 参数说明 基础操作 list 查看虚拟机列表,列出域 start 启动虚拟机,开始一个(以前定义的)非活跃的域 shutdown 关闭虚拟机,关闭一个域 dest ...