10分鐘掌握Markdown

TOC

前言

  寫過博客或者github上面的文檔的,應該知道Markdown語法的重要性,不知道的朋友們也彆着急,一篇博客輕鬆搞定Markdown語法。話說這個語法超級簡單,一看就會,不信你點進來看看。

快捷鍵

功能 快捷鍵
加粗 Ctrl + B
斜體 Ctrl + I
引用 Ctrl + Q
插入鏈接 Ctrl + L
插入代碼 Ctrl + K
插入圖片 Ctrl + G
提升標題 Ctrl + H
有序列表 Ctrl + O
無序列表 Ctrl + U
橫線 Ctrl + R
撤銷 Ctrl + Z
重做 Ctrl + Y

基本語法

文本樣式

正常:正常文字
斜體:*斜體文字*
斜體:_斜體文字_
粗體:**粗體文字**
斜體加粗:***斜體加粗***

標題

一級標題:# 一級標題
二級標題:## 二級標題
三級標題:### 三級標題
四級標題:#### 四級標題
五級標題:##### 五級標題
六級標題:###### 六級標題

鏈接

示例1: [CSDN](https://www.csdn.net/ "CSDN技術論壇")
示例2:
[CSDN][csdn-addr]
[csdn-addr]:https://www.csdn.net/ "CSDN技術論壇"

示例1與示例2實現效果相同。

示例3: <https://www.csdn.net/>

圖片

示例1:
![CSDN頭像](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的頭像")

示例2:
![CSDN頭像][csdn-image]
[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的頭像"

示例3:調整大小
<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" width="100px" height="100px" align="right" alt="我的頭像"/>

示例4:居中
<div align=center>![CSDN頭像][csdn-image]
[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的頭像"

示例5:引用本地圖片
<div align=center>![CSDN頭像](/csdn.jpg "我的頭像")

分割線

在一行中使用 *** 或者 --- 或者 ___ 都可以插入一個分割線,行內不允許有其他內容。

代碼塊

行內代碼塊(使用ESC鍵上的英文字符 ` 包裹代碼):

`var foo = 'bar';`

代碼塊(縮進 4 個空格或是 1 個製表符):

<table>
	<tr>
	<th>姓名</th>
	</tr>	
	<tr>
	<td>小明</td>
	</tr>	
</table>

多行代碼塊(使用連續3個ESC鍵上的英文字符 ` 包裹代碼):

	<table>
		<tr>
		<th>姓名</th>
		</tr>	
		<tr>
		<td>小明</td>
		</tr>	
	</table>
	

引用

單層引用:在被引用的文本前加上>符號,例如: > 語出《論語》

語出《論語》

嵌套引用:


`> #引用1`  

`>> ##引用2`

列表

無序列表(使用 *,+,- 表示):

+ 1
- 2
* 3

有序列表(使用數字緊跟一個英文句點表示):
1. 1
2. 2
3. 3

無序列表和有序列表的列表內容前一定要有一個空格。

表格

項目 | Value
-------- | -----
電腦 | $1600
手機 | $12
導管 | $1

| Column 1 | Column 2 |Column 2 |
|:--------:| -------------:|:-------------|
| centered 文本居中 | right-aligned 文本居右 | left-aligned 文本居左 |

常用技巧

換行

  • 連續兩個以上空格+回車
  • 使用html語言換行標籤:<br/>

縮進

&nbsp;:縮進1/4中文字符
&ensp;:縮進1/2中文字符,1英文字符
&emsp;:縮進1中文字符,2英文字符

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章