Markdown語法學習筆記 {#Top}

寫在前面：本篇筆記僅記錄學習后的總結，以供日后快速回顧使用，
更多擴展語法參考Markdown官網

標題上設定了錨點鏈接

# Markdown語法學習筆記 {#Top}

緊接著下方設定了[TOC]生成索引目錄

Markdown語法學習筆記 {#Top}
- 1. 標題
- 2. 段落
- 3. 強調
- 4. 參考
- 5. 串列
  - 5.1 有序串列
  - 5.2 無序串列
- 6. 表格
- 7. 代碼塊
- 8. 分割線
- 文字
- 9. 超鏈接
- 10. 圖片
- 11. HTML語法
- 12. 字符轉義
- 13. TODO list
- 14. 腳注
- 15. 上標下標
- 其他高級用法

1. 標題

Markdown 語法	HTML	預覽效果
# 一級標題 1	`<h1>一級標題 1</h1>`	一級標題 1
## 二級標題 2	`<h2>二級標題 2 </h2>`	二級標題 2
...	...	...
###### 六級標題 6	`<h6>六級標題 6 </h6>`	六級標題 6

2. 段落

原生Markdown語法中表示段落如下圖：

末尾兩個空格+換行
間隔空行

雖然現在大部分編譯器直接換行即可決議為段落，但建議采用原生Markdown語法或者添加HTML標簽 <br>

3. 強調

Markdown語法	HTML	預覽效果
斜體	`<em>斜體</em>`	斜體
粗體	`<b>粗體</b>`	斜體
*粗斜體*	`<b><i>粗斜體</i></b>`	粗斜體
~~洗掉線~~	`<s>洗掉線</s>`	~~洗掉線~~
==高亮==	`<mark>高亮</mark>`	高亮

::: tip 提示
在段落中使用時，需要前空一個空格，否則可能不生效
:::

4. 參考

> 塊參考
> 
> 分段參考
>> 嵌套參考

塊參考

分段參考

嵌套參考

5. 串列

5.1 有序串列

number+.+空格

Markdown語法	HTML	效果預覽
1. 第一條 2. 第二條	`<ol><li>第一條</li><li>第二條</li></ol>`	1. 第一條 2. 第二條
1. 第一條 1. 第二條	`<ol><li>第一條</li><li>第二條</li></ol>`	1. 第一條 2. 第二條

推薦第二種，插入條目時序號不用再修改

5.2 無序串列

使用+-*之后帶空格均可
HTML 采用 <ul><li>無序串列</li><ul> 實作

6. 表格

默認左對齊

| 列 1 | 列 2 |
| ---- | ---- |
| a    | b    |

列 1	列 2
a	b

| 列 1 | 列 2 |
| :----: | :----: |
| a    | b    |

居中對齊，效果如下：

列 1	列 2
a	b

| 列 1 | 列 2 |
| ----: | ----: |
| a    | b    |

居右對齊，效果如下：

列 1	列 2
a	b

7. 代碼塊

以一對```包含，可指定語言
以一對~~~包含，可指定語言
以Tab開始，不推薦
反引號可以包括標記行內代碼如：<br>

namespace Test{

    internal class Program{

        static void Main(string[] args){

            Console.Writeline("C# code");

        }

    }

}

8. 分割線

單行使用3個及以上-*_

***

---

___

::: danger 警告
不推薦破折號-進行標記，如下將會對上行文字標記標題效果
:::

文字
---

文字

9. 超鏈接

Markdown語法	HTML	預覽效果
`[百度一下](https://www.baidu.com "眾里尋他千百度")`	`<a href="https://www.baidu.com" title="眾里尋他千百度">百度一下</a>`	百度一下
直接貼入鏈接成為快速鏈接 `https://www.baidu.com`	`<a href="https://www.baidu.com" >https://www.baidu.com</a>`	https://www.baidu.com
參考鏈接宣告 `[百度一下][1]`	--	百度一下
[回到頂部](#Top)	`<a href="https://www.cnblogs.com/wthuskyblog/archive/2022/06/05/#Top">回到頂部</a>`	回到頂部

定義參考鏈接，與正文需要空一行，渲染后不會出現定義參考鏈接部分{#link}

正文

[1]:http://www.baidu.com

10. 圖片

Markdown語法	HTML	預覽效果
`![圖片未正常顯示時替代文字](https://www.baidu.com/favicon.ico "滑鼠經過顯示文字")`	`<img title="提示文字" alt="圖片未正常顯示時替代文字" src="https://www.baidu.com/favicon.ico">`
參考鏈接宣告 `![圖片未正常顯示時替代文字][2]`	--

定義參考鏈接，與正文需要空一行，渲染后不會出現定義參考鏈接部分

正文

[2]: https://www.baidu.com/favicon.ico "滑鼠經過顯示文字"

11. HTML語法

可以直接內嵌HTML語法

12. 字符轉義

直接使用\進行轉義即可

Markdown語法	HTML物體	普通字符
\\	--	\
\`	--	`
\*	--	*
\_	--	_
\{}	--	{}
\[]	--	[]
\()	--	()
\#	--	#
\+	--	+
\-	--	-
\.	--	.
\!	--	!

13. TODO list

- [ ] 待辦事項1
- [x] 已辦事項1

待辦事項1
已辦事項1

14. 腳注

Markdown語法	HTML	效果展示
百度[^1]	`<p>百度<sup>1</sup></p>`	百度^[1]

定義腳注，渲染后會出現在檔案最下方，這點與圖片和超鏈接有區別

15. 上標下標

Markdown語法	HTML	效果展示
H~2~O	`<p>H<sub>2</sub>O</p>`	H₂O
2^3^=8	`<p>2<sup>3</sup>=8</p>`	2³=8

其他高級用法

其他高級語法基本都涉及到了自定義編譯器了，查相關檔案即可

百度是個搜索引擎 ??

本文來自博客園，作者：零衣，轉載請注明原文鏈接：https://www.cnblogs.com/wthuskyblog/p/16343763.html

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/488688.html

標籤：其他

上一篇：IOS – OpenGL ES 黑白網狀效果 GPUImageCrosshatchFilter

下一篇：Dockerfile是什么呢？

Markdown語法	HTML物體	普通字符
\\	--	\
\`	--	`
\*	--	*
\_	--	_
\{}	--	{}
\[]	--	[]
\()	--	()
\#	--	#
\+	--	+
\-	--	-
\.	--	.
\!	--	!

Markdown語法	HTML物體	普通字符
\\	--	\
\`	--	`
\*	--	*
\_	--	_
\{}	--	{}
\[]	--	[]
\()	--	()
\#	--	#
\+	--	+
\-	--	-
\.	--	.
\!	--	!

Markdown語法