1. 程式人生 > 實用技巧 >Markdown學習筆記

Markdown學習筆記

學習網站https://www.runoob.com/markdown/md-tutorial.html

1 是什麼

Markdown是一種輕量級標記語言,字尾.md或.markdown

2 標題

2.1 格式一

一級標題:
我是標題
====

二級標題:
我是標題
-----

2.2 格式二

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

3 段落格式

3.1 換行

第一段後面加兩個空格,然後回車寫第二段;或者直接兩段之間空一行

3.2 字型變換(斜,粗,粗斜體)

*斜體文字*
_斜體文字_
**粗體文字**
__粗體文字__
***粗斜體文字*** ___粗斜體文字___

3.2 分割線

任取一種即可(在該行中不能出現文字)
***
* * *
*****
- - -
----------

3.3 刪除線

~~刪除內容~~

3.4 下劃線

u:underline, 右斜槓
<u>內容</u>

3.5 腳註

即對某個語句進行註釋,當滑鼠停留在上面,會出現腳註內容

建立腳註格式類似這樣 [^腳註內容]。
[^腳註內容]: 菜鳥教程 -- 學的不僅是技術,更是夢想!!!
ps.下面一行是解釋

4 列表

4.1 無序列表(*, +, - 後面加一個空格)

* 標題1
+ 標題1
- 標題1

4.2 有序列表 (1., 2.)

1. 標題1
2. 標題2

4.2 二級列表(一級標題下面的二級標題前面要空四格

1. 第一項:
    - 第一項巢狀的第一個元素
    - 第一項巢狀的第二個元素
2. 第二項:
    - 第二項巢狀的第一個元素
    - 第二項巢狀的第二個元素

5 區塊 (>)

5.1 單區塊

> 區塊引用
> 菜鳥教程
> 學的不僅是技術更是夢想

效果圖:

5.2 巢狀區塊

> 最外層
> > 第一層巢狀
> > > 第二層巢狀

效果圖:

5.3 結合使用(如列表中用區塊,或是區塊中用列表)

6 程式碼

6.1 函式片段可以用'xxx'表示

'printf(x)'

6.2 程式碼區塊

  • 表示1:四個空格或者一個Tab鍵,然後寫一段程式碼
  • 表示2:用兩個'''包裹一段程式碼,其中第一行可以指定語言
```javascript
$(document).ready(function () {
    alert('RUNOOB');
});
```

7 連結

7.1 普通連結表示

[連結替代文字](網址)
或者是直接貼網址:
<網址>

7.2 高階連結表示

blabla[連結替代文字][網址]
 [1]: xxxx (可在文末統一寫)

8 圖片

![alt 屬性文字](圖片地址)

![alt 屬性文字](圖片地址 "可選標題")

例子:

![RUNOOB 圖示](http://static.runoob.com/images/runoob-logo.png)

![RUNOOB 圖示](http://static.runoob.com/images/runoob-logo.png "RUNOOB")

也可以像引用連結一樣,把圖片連結放在文末

這個連結用 1 作為網址變數 [RUNOOB][1].
然後在文件的結尾為變數賦值(網址)

[1]: http://static.runoob.com/images/runoob-logo.png

但是若要指定圖片的比例,markdown暫不支援,於是可以用普通的 <img> 標籤

<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">

9 表格

使用|來分隔不同的單元格,使用-來分隔表頭和其他行

|表頭1|表頭2|
|---|---|
|內容1|內容2|
|內容3|內容4|

對齊方式設定::-左對齊;-:右對齊;居中:-:

| 左對齊 | 右對齊 | 居中對齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |

10 高階技巧

10.1 支援HTML元素:<kbd> <b> <i> <em> <sup> <sub> <br>

10.2 轉義,特殊字元如[ ]可以用反斜槓\轉義

10.3 公式表示:用$$xxx$$包裹公式,公式是Latex格式

10.4 流程圖等進階內容等用到後再看