簡單的Markdown介紹
Markdown初學(xué)習(xí),記錄筆記,以供之后查詢參考买决。
若文章有誤，望以指正翠勉。
由于簡書并不支持markdown的所有語法（ 錨點荚斯、部分圖片功能埠居、字體更改查牌、部分?jǐn)?shù)學(xué)公式功能等）。
此文章的源文件（.md）已上傳到網(wǎng)盤：下載滥壕。
也可在此查看
- 1.標(biāo)題
- 2.引用區(qū)塊
- 3.代碼塊
- 4.注釋
- 5.字體纸颜、顏色和字號
- 6.斜體和加粗
- 7.換行
- 8.分割線
- 9.刪除
- 10.首行縮進(jìn)
- 11.表格
- 12.序列
- 13.超鏈接
- 14.圖片
- 15.圖片鏈接
- 16.公式
- 17.錨點
1.標(biāo)題
Markdown的標(biāo)題用 # 來： # 文本
每次一級多加一個# ,但是注意要在#后面加上空格
例如:
# 一級標(biāo)題
## 二級標(biāo)題
### 三級標(biāo)題
效果如下:
一級標(biāo)題
二級標(biāo)題
三級標(biāo)題
2.引用區(qū)塊
Markdown 的引用,使用 > ：> 文本
注意退出引用時要換行
例如：
>_panache:_
>仰天大笑出門去
>歸來倚仗自嘆息
效果如下：
panache:
仰天大笑出門去
歸來倚仗自嘆息
3.代碼塊
- 用在代碼前加入Tab鍵或者四個空格
- 用反引號`包圍代碼
(注意不是單引號'，而是Esc下與~同塊的)
單行用一個`就行绎橘，多行用```
- 三個~好像也行
例如:
'''
#include<stdio.h>
int main(){
printf("Hello World");
}
'''
4.注釋
Markdown 的注釋用：
<!--這是注釋-->
[anything]:#(注釋文本)-
[anything]:<> (注釋文本)（注意<>后面有個空格）
例如：
1. <!--這是注釋hhh-->
2. [ddddd]:#(注釋文本aaa)
3. [sgsg]:<> (注釋文本ddd)
效果如下：
5.字體胁孙、顏色和字號
<font face="宋體" color="green" size="3">
字體:face
顏色:color
字號:size
</font>
效果如下:
image.png
6.斜體和加粗
用*或者_（一個為斜體，兩個為加粗）
*文本* or _文本_
**文本** or __文本__
效果如下:
文本 or 文本
文本 or 文本
7.換行
- 用兩個空格換行
- 用
\換行 - 用HTML標(biāo)簽
<br>換行
8.分割線
- 用
<hr> - 用三個及以上
*：*** - 用三個及以上
-：--- - 用三個及以上
_：___
效果如下:
9.刪除
用~~(兩個~)把文本包圍
~~文本~~
效果如下:
文本
PS：三個~（~~~）進(jìn)入代碼塊
10.首行縮進(jìn)
1.半角空格(英) 或者 
2.半方大的空白  或者 
3.全方大的空白  或者 
效果如下(不要漏掉
;):
?文本1
?文本2
?文本3
11.表格
Markdown中用|來做表格:
- 其中表頭默認(rèn)居中對齊称鳞，內(nèi)容左對齊涮较。
- 可以更改內(nèi)容對齊方式：左對齊
:-，居中對齊：:-:,右對齊：-:冈止。 - 兩邊的
|可以舍去狂票，不影響。
例如：
|表頭1 |表頭2 |表頭3|
|:----:|:----:|:----:|
| A | B | C |
| a | b | c |
效果如下：
| 表頭1 | 表頭2 | 表頭3 |
|---|---|---|
| A | B | C |
| a | b | c |
12.序列
- 有序列表用數(shù)字（1.熙暴，2.闺属，3.，……）周霉，并在正文前空格
- 無序列表用（* - +）
1. 趙
2. 錢
3. 孫
+ 趙
- 錢
* 孫
效果如下：
- 趙
- 錢
- 孫
- 趙
- 錢
- 孫
13.超鏈接
形成鏈接方式：
1.[鏈接名稱](地址)
2.<鏈接地址>
例如：
[菜鳥教程](https://www.runoob.com/)
<https://www.runoob.com/>
效果如下：
14.圖片
基本格式：
(圖片屬性只有圖片不能加載時替換圖片作用掂器，標(biāo)題是當(dāng)鼠標(biāo)指向圖片時才浮現(xiàn)，地址支持相對和絕對網(wǎng)地址)
例如：
效果如下：
也可以用HTML的
<img>標(biāo)簽（可以更改圖片大小,居中對齊）
例如：
<center>
<img src="http://pic22.nipic.com/20120626/8002769_150042384347_2.jpg" width=400 title="鵲橋">
</center>
效果如下：
<center>
<img src="http://pic22.nipic.com/20120626/8002769_150042384347_2.jpg" width=400 title="鵲橋">
</center>
上面兩種方式都要依靠圖片源俱箱，似乎有方法還可以把圖片整理到markdown文檔国瓮。此處附鏈接
15.圖片鏈接
有圖片有鏈接，自然而然想到圖片鏈接匠楚。（其實就鏈接+圖片巍膘，把超鏈接中的鏈接名稱用圖片替代即可）
格式：
[](link)
例如：
[](https://www.runoob.com/)
16.公式
- 用Latex公式
(此方法來自-->這個大佬) 但其他的兩個方法沒有試成功,此處僅提供本人親測有效的方法.
先添加MathJax引擎（簡書不用）
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
再用latex語法寫公式(詳細(xì)見大佬)
單行用:
\\(公式\\)
多行用:$$公式$$(公式會提行并居中)
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
\\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\\)
$$ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} $$
\begin{equation}\label{...}
\int_0^1f(t)dt = \iint_Dg(x,y)dxdy.
\end{equation}
效果如下:
\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\)
\begin{equation}\label{...}
\int_0^1f(t)dt = \iint_Dg(x,y)dxdy.
\end{equation}
以下一些提供的參考可供查詢:
- Markdown數(shù)學(xué)符號&公式
- Markdown中數(shù)學(xué)公式整理
- Latex數(shù)學(xué)公式表
- LaTeX數(shù)學(xué)公式
- 常用數(shù)學(xué)符號的 LaTeX 表示方法
17.錨點
- 法一
<a href="#label">名稱</a>
<a id="label">名稱</a>
- 法二
[名稱](#label)
<a id="label">名稱</a>
參考
[1]https://blog.csdn.net/xiahouzuoxin/article/details/26478179
[2]https://blog.csdn.net/beta_2187/article/details/79980281
[3]https://blog.csdn.net/weixin_45844049/article/details/103866977
[4]http://www.reibang.com/p/280c6a6f2594
[5]https://blog.csdn.net/geekleee/article/details/73018194
[6]http://www.reibang.com/p/2df05f279331/
[7]https://www.luogu.com.cn/blog/Lu-Anlai/Markdown-link-and-picture
