51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

markdown语法

一些md的用法 {#一些md的用法}

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档

Markdown 标题 {#Markdown-标题}

Markdown 标题有两种格式。

1、使用 = 和 - 标记一级和二级标题
= 和 - 标记语法格式如下:

  • 用法
  • 效果

|-------------------|-----------------------------------------------------------------| | 1 2 3 4 5 | 我展示的是一级标题 ================= 我展示的是二级标题 ----------------- |

我展示的是一级标题 {#标题-2}

我展示的是二级标题 {#我展示的是二级标题}

2、使用 # 号标记
使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。

  • 用法
  • 效果

|---------------------|------------------------------------------------------------------| | 1 2 3 4 5 6 | # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 |

一级标题 {#标题-2}

二级标题 {#二级标题}

三级标题 {#三级标题}

四级标题 {#四级标题}

五级标题 {#五级标题}
六级标题 {#六级标题}

基础文字用法 {#基础文字用法}

  • 语法
  • 效果

|------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <u>下划线演示</u> 文字**加粗**演示 文字*斜体*演示 文本`高亮`演示 文本~~删除~~线演示 <font size = 5>5号字</font> <font face="黑体">黑体</font> <font color=blue>蓝色</font> <table><tr><td bgcolor=MistyRose>这里的背景色是:MistyRosen,此处输入任意想输入的内容</td></tr></table> *斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜体文本*** ___粗斜体文本___ |

++下划线演示++

文字加粗演示

文字斜体演示

文本高亮演示

文本删除线演示

5号字
黑体
蓝色

|---------------------------------| | 这里的背景色是:MistyRosen,此处输入任意想输入的内容 |

斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

markdown 列表 {#markdown-列表}

一 {#一}

Markdown 支持有序列表和无序列表。

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容:

  • 列表
  • 效果

|------------------------------------|---------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 | * 第一项 * 第二项 * 第三项 + 第一项 + 第二项 + 第三项 - 第一项 - 第二项 - 第三项 |

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项

二 {#二}

有序列表使用数字并加上 . 号来表示,如:

|---------------|------------------------------| | 1 2 3 | 1. 第一项 2. 第二项 3. 第三项 |

显示结果如下:

  1. 第一项
  2. 第二项
  3. 第三项

三 {#三}

列表嵌套
列表嵌套只需在子列表中的选项前面添加两个或四个空格即可:

|---------------------|---------------------------------------------------------------------------------| | 1 2 3 4 5 6 | 1. 第一项: - 第一项嵌套的第一个元素 - 第一项嵌套的第二个元素 2. 第二项: - 第二项嵌套的第一个元素 - 第二项嵌套的第二个元素 |

显示结果如下:

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

Tabs {#Tabs}

|------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 | {% tabs tabs, 1 %} <!-- tab 名字--> **This is Tab 1.** <!-- endtab --> <!-- tab 名字--> **This is Tab 2.** <!-- endtab --> {% endtabs %} |

  • 名字
  • 名字

This is Tab 1.
This is Tab 2.

图标 {#图标}

Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名

|---------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 13 | {% tabs test4 %} <!-- tab 第一個Tab --> **tab名字為第一個Tab** <!-- endtab --> <!-- tab @fab fa-apple-pay --> **只有圖標 沒有Tab名字** <!-- endtab --> <!-- tab 炸彈@fas fa-bomb --> **名字+icon** <!-- endtab --> {% endtabs %} |

  • 第一個Tab
  • 炸彈

tab名字為第一個Tab
只有圖標 沒有Tab名字
名字+icon

表格 {#表格}

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

语法格式如下:

|-------------------|--------------------------------------------------------------------------| | 1 2 3 4 5 | | 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元格 | 单元格 | |

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

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。
    实例如下:

|-----------------|-------------------------------------------------------------------------------------------------| | 1 2 3 4 | | 左对齐 | 右对齐 | 居中对齐 | | :-----| ----: | :----: | | 单元格 | 单元格 | 单元格 | | 单元格 | 单元格 | 单元格 | |

eg.1 {#eg-1}

  • 表格格式
  • 效果

|---------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 | | 选项 | 默认值 | 描述 | | ------------- | ---------- | ----------------------------------------------------------- | | id | **必须值** | id值 | |name | **必填值** | 您的名字 | |email | 选填 | 您的电子邮件 | |

| 选项 | 默认值 | 描述 | |-------|---------|--------| | id | 必须值 | id值 | | name | 必填值 | 您的名字 | | email | 选填 | 您的电子邮件 |

eg.2 {#eg-2}

指定先显示第二个表格

|-------------|---------------------------------------------------| | 1 2 | {% tabs eg,2%} 指定为第二个 {% tabs eg,-1%} 无指定 |

  • 表格格式
  • 效果

|---------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 | | QQ | WeChat | Alipay | | ------------- | ---------- | ----------------------------------------------------------- | | ![](/img/.png)| ![](/img/.png) | ![](/img/.jpg) | |

如果我的网站对你有用 你可以请我喝杯奶茶吗~ doge

| QQ | WeChat | Alipay | |------------------------|----------------------------|----------------------------| | | | |

引用(区块) {#引用-区块}

tabs
移植于next主题

Demo 1 - 默认选择第一个【默认】
Demo 2 - 默认选择tabs
Demo 3 - 没有默认值
Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名
注意(引用内部一样可以用格式)

代码 {#代码}

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

  • 代码
  • 效果

```cmd
d:
cd hexo
hexo clean
hexo g
hexo d
```

|-------------------|---------------------------------------------| | 1 2 3 4 5 | d: cd hexo hexo clean hexo g hexo d |



分割线 {#分割线}

|-------------|-----------------| | 1 2 | --- *** |

链接 {#链接}

这是一个链接 我的博客

高级链接 {#高级链接}

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:

这个链接用 1 作为网址变量 Google
这个链接用 baidu 作为网址变量 baidu
然后在文档的结尾为变量赋值(网址)

Markdown 图片 {#Markdown-图片}

Markdown 图片语法格式如下:

|---------------|----------------------------------------------------| | 1 2 3 | ![alt 属性文本](图片地址) ![alt 属性文本](图片地址 "可选标题") |

  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

当然,你也可以像网址那样对图片网址使用变量:

|-----------------|-----------------------------------------------------------------------------| | 1 2 3 4 | 这个链接用 1 作为网址变量 [alt 属性文本][1]. 然后在文档的结尾为变量赋值(网址) [1]: http://xxx.png |

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 标签。

|-----------|-----------------------------------------------------------------| | 1 | <img decoding="async" src="http://xxx.png" width="50%"> |

Markdown 高级技巧 {#Markdown-高级技巧}

支持的 HTML 元素 {#支持的-HTML-元素}

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

|---------------|-----------------------------------------------------------------------------------------------------------------------| | 1 2 3 | 目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 ,如: 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑 |

使用 Ctrl+Alt+Del 重启电脑

转义 {#转义}

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

|-------------|-----------------------------------| | 1 2 | **文本加粗** \*\* 正常显示星号 \*\* |

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

|------------------------------------|-------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 | \ 反斜线 ` 反引号 * 星号 _ 下划线 {} 花括号 [] 方括号 () 小括号 # 井字号 + 加号 - 减号 . 英文句点 ! 感叹号 |

  • 注:内容为原创整理
  • 参考菜鸟教程markdown部分
  • 部分内容来自互联网
赞(1)
未经允许不得转载:工具盒子 » markdown语法