Markdown如何学习,看完这篇文章就够了。(上):https://developer.aliyun.com/article/1462404
四、Markdown区块
Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:
> 区块引用
区块嵌套
一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推:
> 最外层 > > 一层嵌套 > > > 二层嵌套
区块中使用列表
> 区块中使用列表 > 1. 第一项 > 2. 第二项 > + 第一项 > + 第二项
列表中使用区块
* 第一项 > 区块1 * 第二项 > 区块2
预览效果:
五、Markdown代码
段落上片段代码
`printf()` 函数
代码区块
1、使用 4 个空格或者一个制表符(Tab 键)。
<?php echo '代码区块'; ?>
2. ``` 包裹一段代码,并指定一种语言(也可以不指定)
```javascript $(document).ready(function(){ alert('') }) \```
预览效果:
六、Markdown链接
使用格式
1. `[链接文本](链接)` 2. 直接使用 `<链接>` [链接](https://baidu.com) <https://baidu.com>
高级链接
用 1 作为网址变量 [baidu][1] ,然后在文档的结尾为变量赋值(网址) [1]: https://baidu.com
预览效果:
七、Markdown 图片
Markdown 图片语法格式如下:
![alt 属性文本](图片地址) ![alt 属性文本](图片地址 "可选标题") ![alt 属性文本](https://www.baidu.com/img/PCtm_d9c875234567620d6cf.png "图片标题")
Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img>
标签。
<img decodeing="async" src="https://www.baidu.com/img/PCtm_d9c8ngghy57089fa7d55720d6cf.png" width="50%">
预览效果:
八、Markdown表格
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
| 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元格 | 单元格 |
设置表格对齐方式
-: 右对齐 :- 左对齐 :-: 居中对齐
实例如下:
| 此列右对齐 | 此列居中对齐 | | ------: | :----: | | 单元格 | 单元格 | | 单元格 | 单元格 |
预览效果:
九、Markdown高级技巧
使用 HTML 元素
Markdown可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
等 。
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
转义
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
**加粗文本** \*\*不会加粗文本\*\*
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线 ` 反引号 * 星号 _ 下划线 {} 花括号 [] 方括号 () 小括号 # 井字号 + 加号 - 减号 . 英文句点 ! 感叹号
公式
默认下的分隔符:
$...$
或者 \(...\)
中的数学表达式将会在行内显示。
$$...$$
或者 \[...\]
或者 ```math 中的数学表达式将会在块内显示。
$f(x) = sin(x) + 12$ $$ \begin{Bmatrix} a & b \\ c & d \end{Bmatrix} $$ $$ \begin{CD} A @>a>> B \\ @VbVV @AAcA \\ C @= D \end{CD} $$
颜色字体
设置颜色字体格式如下:
<font color="颜色">文本内容
实例如下:
<font color="red">红色字体
预览效果: