Markdown的使用

2022-05-10 09:52:43 浏览数 (1)

目录

1.标题 2.列表 3.代码块 4.表格 5.链接 6.嵌套 7.分隔符 8.字体 9.表情 10.清单选项表 11.键盘键 12.缩放

1.标题

代码语言：javascript复制
#h1级标题
##h2级标题
###h3级标题
####h4级标题
#####h5级标题
######h6级标题

上下文标题
AAA
===
BBB
---

2.列表

代码语言：javascript复制
无序列表：使用 -或* 加一个空格（）
- 无需列表1
- 无序列表2
- 无序列表3

* one
* two
* three

有序列表：使用 数字 加一个英文句点
1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

3.引号

代码语言：javascript复制
代码块缩进表示法
Tab 或四个空格
首收尾三个`为语法高亮显示
首尾一个`为内联代码块
换行缩进形成代码区块
这里先换行，然后缩进4个空格，之后的内容便可以原样显示了，适合用于显示代码内容。直到文本结束或最后一个存在缩进的行为止。    
#块引用
给引用的文本开始位置都加一个 '>'，
'>'便可组成一个块引用。在块引用中，可以结合
'>'其他markdown元素一块使用，比如列表。
'>**强调**'
也可以只在第一行加大于号，其他位置不加。
'>-' 块引用里使用列表，需要和上面的内容隔开一个空行
'>- '记得加空格哦。

4.表格

代码语言：javascript复制
|     a     |        b        |      c       |
|:---------:|:--------------- | ------------:|
|   居中    | 左对齐           |       右对齐 |
| ========= | =============== | ============ |

简约写法
a  | b | c  
:-:|:- |-:
    居中    |     左对齐      |   右对齐    
============|=================|=============

#html表格
Item     | Value
-------- | ---
Computer | $1600
Phone    | $12
Pipe     | $1

#其他
http://www.tablesgenerator.com/

5.链接

代码语言：javascript复制
#内链式
[百度1](http://www.baidu.com/"百度一下"){:target="_blank"} 
#引用式
[百度2][2]{:target="_blank"}
[2]: http://www.baidu.com/  "百度二下"

![name][01]
'[01]: ./01.png '描述''

#邮箱
<xxx@outlook.com>

#图片
内链式
![name](./01.png '描述')
![Alt text](http://www.izhangbo.cn/wp-content/themes/minty/img/logo.png "Optional title")

#图片带有链接
[![name](./01.png '百度')](http://www.baidu.com){:target="_blank"}   
[![name](./01.png '百度')][5]{:target="_blank"} 
[5]: http://www.baidu.com

使用 icon 图标文字
<i class="icon-cog"></i>

超链接：[连接名称](网址 , 标题)
[我是链接名](http://www.izhangbo.cn, "我是标题")
[<i class="icon-refresh"></i> 点我刷新](/sonfilename/)

另一种超链接写法：[链接名][链接代号]
[here][3]
然后在别的地方定义 3 这个详细链接信息，
[3]: http://www.izhangbo.cn "聚牛团队"
直接展示链接的写法：<http://www.izhangbo.cn>

#锚点
[公式标题锚点](#1)
[需要跳转的目录] {#1}

#脚注
Markdown[^1]
[^1]: Markdown是一种纯文本标记语言。

6.嵌套

代码语言：javascript复制
#序表嵌套
* one
    * two
    * three
1. one
    2. two
    3. three

#多层嵌套
hello world!
  hello world!
    hello world!

7.分隔符

代码语言：javascript复制
#分隔符
***
---
分割线：三个以上的短线 即可作出分割线

8.字体

代码语言：javascript复制
_斜体_ 
**加粗**
~~删除线~~

强调：
*斜体强调*
**粗体强调**

9.表情

代码语言：javascript复制
#表情
:smile:
:bowtie:
: 1:
:clap:
:octocat:
#更多其他表情
https://www.webpagefx.com/tools/emoji-cheat-sheet/

10.清单选项表

代码语言：javascript复制
"- [x] 选项一"
"- [ ] 选项二"

11.键盘键

代码语言：javascript复制
<kbd>Ctrl [</kbd> and <kbd>Ctrl ]</kbd>

12.缩放

代码语言：javascript复制
<details>
<summary>点击展开 Changelog</summary>
xxx
<details>
表格

0 人点赞