1. 程式人生 > >驚!竟然會有這麼通俗易懂的markdown入門教程

驚!竟然會有這麼通俗易懂的markdown入門教程

寫在前面:本文列出了markdown的基本語法,完全可以滿足日常記筆記的需要,後續還會更新一些常用的高階的用法,然後安利一個markdown的編輯器:Typora,win/mac均可下載,據我的感覺win下沒有mac下的穩定,介面相比mac下的也有些冗雜,這也是大多數win軟體的通病,不過總的來說還是瑕不掩瑜,推薦大家體驗。廢話說了半天,讓我們來進入正題!

1. 標題

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

注:# 和「標題文字」之間建議保留一個字元的空格,這是最標準的 Markdown 寫法。

2. 粗體、斜體、刪除線

markdown程式碼:

*我是斜體*
**我是粗體**
***我是粗斜體***
~~我是刪除線~~

顯示效果:

我是斜體
我是粗體
我是粗斜體
我是刪除線

3. 表格

在markdown中雖然可以使用html的語法來做表格,但是並不簡潔,markdown提供了另一種做表格的語法。

markdown程式碼:

|id|name|
|:-|:-|
|1|A1|
|2|A2|
|3|A3|

效果如下:

id name
1 A1
2 A2
3 A3

倆者一比較間接性立竿見影。

對其方式調整
更難能可貴的是,markdown表格的對其方式調整也簡單。細心的讀者可能發現了,在上述程式碼的第二行中有個神祕符號:,它表示的就是對其方式,也可以理解對其的方法,比如:在-的左邊表示左對齊。

對其規則:

  • 預設左對齊
    :- 左對齊
    -:右對齊
    :-:居中

列寬度調整
-表示列的寬度權重,比如如下,- -、-,表示第一列的寬度是第二列的倆倍:

|id|name|
|:--|:-|
|1|A1|

4. 有序列表

markdown程式碼:

1. 文字1
2. 文字2
3. 文字3

顯示效果:

  1. 文字1
  2. 文字2
  3. 文字3

注:1. 和文字之間要保留一個字元的空格,而且CSDN的渲染器要求第一個列表要和上面內容之間空一行。

7. 無序列表

markdown程式碼:

- 文字1
- 文字2
- 文字3

顯示效果:

  • 文字1
  • 文字2
  • 文字3

注:- 和文字之間要保留一個字元的空格,而且CSDN的渲染器要求第一個列表要和上面內容之間空一行。

6. 行內程式碼塊

markdown程式碼

Java中的程式碼怎麼使用?

  • 多行程式碼塊
用```和 ```來包裹多行程式碼,第一個```可以指明程式語言。

markdown程式碼:
```java
public static void main(String[] args){
}
```
顯示效果:

public class User {
    private String username;
    private String password;

    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username == null ? null : username.trim();
    }
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password == null ? null : password.trim();
    }
}

注:程式碼的行號會在釋出之後自動加上

8. 分割線

可以在一行中用三個以上的減號、底線來建立一個分隔線,行內不能有其他內容。
markdown程式碼:

、- - -
顯示效果:

9. 超連結

語法格式為[連結文字](連結地址 “連結標題”),[]裡寫連結文字,()裡寫連結地址, ()中的”“中可以為連結指定title屬性,title屬性為可選。title屬性的效果是滑鼠懸停在連結上會出現指定的title文字。連結地址與連結標題前有一個空格。

markdown程式碼:
歡迎來到[Dansha部落格] ("https://blog.csdn.net/Spashi")

顯示效果:

10. 圖片

語法格式為![圖片Alt](圖片地址 "圖片Title"),圖片Alt的意思是如果圖片因為某些原因不能顯示,就用定義的圖片Alt文字來代替圖片。 圖片Title則和超連結中的連結標題一樣,表示滑鼠懸停與圖片上時出現的文字。 圖片Alt 和 圖片Titlee 都是可選的。

11. 引用

在希望引用的文字前面加上>即可,支援多級引用。

markdown程式碼:

> 一級引用
>> 二級引用
>>> 三級引用
>>>> 四級引用

顯示效果:

一級引用

二級引用

三級引用

四級引用

12. 空格

markdown不支援空格,需要使用html標記 

markdown程式碼:

你好   Dansha

顯示效果:

你好    dansha

13. 字型、字號、顏色

markdown不支援設定字型、字號、顏色,需要使用html標記來實現。

markdown程式碼:

<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font color=bluef size=6 face="黑體">我是黑體,顏色#0099ff 字號23</font>

顯示效果:
我是黑體字
我是微軟雅黑
我是黑體,顏色blue 字號23

size:規定文字的尺寸大小。值從1到7的數字。瀏覽器預設值是 3。