目錄樹
前言
markdown已被越來越多的互聯網廠商支持,github、有道雲、簡書、CSDN等,默認都支持md語法,因爲實在是太方便了,真正做到了排版與文字分離,讓你專注在文字本身。
標題
大標題,內容放在===上面
中標題,內容放在—上面
一級標題H1
二級標題H2
三級標題H3
四級標題H4
五級標題H5
六級標題,不能再小了H6
## 標題
大標題,內容放在===上面
===
中標題,內容放在---上面
---
# 一級標題H1
## 二級標題H2
### 三級標題H3
#### 四級標題H4
##### 五級標題H5
###### 六級標題,不能再小了H6
正文
正文,常規文本,不需要任何標識。回車鍵不能直接換行,只能用以下兩種方式。
- 兩個空格+回車
- 用< br>或< br/>
這是個用例,我要換行了。
成功換行。
另一種方式換行。
也成功了。
強調
兩個*加粗
兩個_加粗
一個星號斜體
一個下劃線斜體
兩個~刪除線
三個星號是粗斜體
下劃線
<u>下劃線</u>
這是高亮顯示
這是`高亮顯示`
上標:X2,下標:O2
上標:X<sub>2</sub>,下標:O<sup>2</sup>
hello, i am ajioy! a Tab in head (行首放8個空格)
something important here
引用
塊引用
換行內容
- 可以加列表
嵌套引用
外層引用
內層
引用
還可以嵌套加粗,斜體等第三級引用
第四級引用
> 第一層引用
> * 第一層引用加列表,行尾2個空格
> * 第一層引用加列表
>> 第二層引用
>>> 第三層引用,依次類推
列表
無序列表
- c++
- python
- javascript
* c++
- python
+ javascript
有序列表
- apple
- orange
- banana
1. apple
2. orange
3. banana
嵌套列表
- first
- second
- third
- third another
- second
- another one
- great
- fantastic
- great
* first
* second
1. third
2. third another
* another one
* great
* fantastic
任務待辦
- 跑步
- 買日常用品
- 數據備份
- 買菜做飯
任務待辦
- [x] 跑步
- [x] 買日常用品
- [ ] 數據備份
- [ ] 買菜做飯
排版
空格
- 不斷行的空格 或 1/4 中文
- 半角的空格 或 半個中文,1字符
- 全角的空格 或 1箇中文,2字符
---> 牛皮的spa
  ---> 嗯,很舒服的spa
  ---> 摁(第四聲),很大力的spa
分隔符
三個減號,三個星號,三個下劃線都可以作爲分隔符
對齊
left
center
right
<p align="left">left</p>
<p align="center">center</p>
<p align="right">right</p>
字體
我是黑體字
我是華文彩雲
color=#0099ff size=5 face=“黑體”
color=gray
Size:文本的尺寸大小,可能的值:從 1 到 7 的數字。瀏覽器默認值是 3
github不支持
<font face="黑體">我是黑體字</font>
<font face="STCAIYUN">我是華文彩雲</font>
<font color=#0099ff size=7 face="黑體">color=#0099ff size=72 face="黑體"</font>
<font color=gray size=4>color=gray</font>
圖片
普通圖片
![pic](https://profile.csdnimg.cn/6/3/D/1_ajioy.jpg "my pic")
帶鏈接的圖片(方法一)
[![pic](https://profile.csdnimg.cn/6/3/D/1_ajioy.jpg "my pic")](https://blog.csdn.net/ajioy)
帶鏈接的圖片(方法二)
[[外鏈圖片轉存失敗(img-x9Q9QRBH-1564904387743)(https://blog.csdn.net/ajioy)]]
[blog]:https://profile.csdnimg.cn/6/3/D/1_ajioy.jpg “my pic”
大部分平臺不支持
[![blog]](https://blog.csdn.net/ajioy)
[blog]:https://profile.csdnimg.cn/6/3/D/1_ajioy.jpg "my pic"
控制圖片大小及對齊方式
- 方法一,平臺通用的標籤法
<div align="right">
<img src="https://profile.csdnimg.cn/6/3/D/1_ajioy" width="400px" height="300px">
<img src="https://profile.csdnimg.cn/6/3/D/1_ajioy" width="400px" height="300px">
</div>
- 方法二,部分平臺支持
![pic](url),其中url後面加個空格,再=WIDTHxHEIGHT,HEIGHT可以省略。
如 (http://url.jpg =400x300)
![pic](https://profile.csdnimg.cn/6/3/D/1_ajioy =400x300)
![pic](https://profile.csdnimg.cn/6/3/D/1_ajioy =400x)
- 方法三,簡書等部分平臺支持
![pic](url)的基礎上加上{:height="300px" width="300px"}
內部引用圖片
todo
鏈接
直接鏈接1 https://blog.csdn.net/ajioy
直接鏈接2 https://blog.csdn.net/ajioy
帶標題鏈接
帶標題鏈接且鼠標懸停
直接鏈接1 https://blog.csdn.net/ajioy
直接鏈接2 <https://blog.csdn.net/ajioy>
[帶標題鏈接](https://github.com/ajioy)
[帶標題鏈接且鼠標懸停](https://blog.csdn.net/ajioy "go to my blog")
表格
序號 | 名字 | 分數 |
---|---|---|
101 | ajioy | 99.82 |
102 | scotte | 98.12 |
103 | bot | 97.23 |
| 序號 | 名字 | 分數 |
| :--: | :--- | ---: |
| 101 | ajioy | 99.82 |
| 102 | scotte | 98.12 |
| 103 | bot | 97.23 |
:— 左對齊,冒號在左邊
—: 右對齊,冒號在右邊
:–: 居中對齊,冒號兩邊
複雜表格
目標 | 計劃 | 說明 |
晨跑 |
|
|
健康生活 | 作息6:30-23:00,睡足7.5小時 |
|
<table>
<tr>
<td>目標</td>
<td>計劃</td>
<td>說明</td>
</tr>
<tr>
<td>晨跑</td>
<td><ol>
<li>6:30起牀</li>
<li>熱身10分鐘</li>
<li>平地跑5公里,約35分鐘</li>
<li>跑後拉伸5分鐘</li>
</ol></td>
<td><ul>
<li>下雨天不跑</li>
<li>上醫院不跑</li>
<li>週末不跑</li>
</ul></td>
</tr>
<tr>
<td>健康生活</td>
<td>作息6:30-23:00,睡足7.5小時</td>
<td><ul>
<li>爭取22:30入睡</li>
<li>週末分別順延30分鐘</li>
</ul></td>
</tr>
</table>
代碼
def add(a, b): // python
return a + b
sudo apt-get install autojump # bash
int main()
{
printf("hello,ajioy"); // cpp
}
diff
+ add
- delete
~ modify?
! what's this
# i don't known
腳註
方法一
句中作腳註,解釋一個名詞1,再解釋一個2。
腳註放在文章最下面,腳註可以直接放鏈接。
句中作腳註,解釋一個名詞[^1],再解釋一個[^2]。
腳註放在文章最下面,腳註可以直接放鏈接。
[^1]: 解釋名詞1
[^2]: https://www.google.com
方法二
整個句子作腳註。3
有道雲
支持。
整個句子作腳註。^[這裏就是腳註內容,默認會生成腳註序號]
github不支持以上兩種方式,以下爲替代方案
定義
<a name="myfootnote1">1</a>: Footnote content goes here
引用
<sup>[1](#myfootnote1)</sup>
我要解釋一個名詞1
1: Footnote content goes here
視頻
以B站爲例,點分享按鈕,複製嵌入代碼
,粘貼到md文件即可,其他網站類似。
音頻
<audio id="audio" controls="" preload="none">
<source id="mp3" src="http://yourmusicurl.mp3">
</audio>
github不支持
地圖
以百度地圖爲例,
訪問API自定義地圖 http://api.map.baidu.com/lbsapi/creatmap/index.html
設置好地點、文字、路線、標記後,點獲取代碼,複製代碼,直接放在md文件,或將代碼存放在map.html文件,同一目錄下,再引入markdown
github不支持
LaTeX公式
todo
訪問 MathJax
流程圖
todo
語法參考:流程圖語法參考
序列圖
todo
語法參考:序列圖語法參考
甘特圖
todo
語法參考:甘特圖語法參考