Markdown教程筆記(含印象筆記語法)

本文持續更新…
更新1：發現一篇很詳細的文章：Cmd markdown公式指導手冊，非常適用於書寫數學公式時作爲參考
更新2：安利一款軟件, 印象筆記(有英文版：evernote)，這個筆記可以用來記錄日常雜事，使得文件更好管理，而且可以跟微信綁定，之後的功能就更豐富了：可以收藏微信上看到的文章，同步微信聊天記錄等。然而這個筆記卻不支持markdown，折騰了很久，終於發現馬克飛象可以用markdown來編輯這個筆記（馬克飛象是專門爲了這個筆記可以使用markdown而開發的），不過markdown好像要收費，有10天免費。
更新3：發現一篇中文的關於markdown的博文：Cmd markdown簡明語法手冊
更新4：馬克飛象教程，界面很美觀

前言

本文主要參考Markdown文本，作爲筆記，不會面面俱到，只會記錄一些常用的功能和易錯的知識。
在線編輯可以使用DILLINGER, 更多參考見官網。
一下爲一些具有幫助的網址：

markdown tutorial,這個網站相當於手把手教程(英文版，不過單詞都是不難的)。
awesome-markdown,github上的教程。

第一部分：文本類

1字體

設置目錄

csdn設置目錄的方法是

@[toc]

印象筆記設置目錄

[toc] #沒有@符號

加粗(bold)

有兩個方法

I love **bold text**
I love __bold text__

I love bold text
I love bold text

斜體（Italic）

the *cat's meow*
the _cat's meow_

the cat’s meow
the cat’s meow

斜體加粗

***Hello world***
___Hello world___
__*Hello world*__
**_Hello world_**

Hello world
Hello world
Hello world
Hello world

刪除字體

我想~~刪除~~這些字體

我想刪除這些字體

下劃線

我想使用<u>自己的筆記</u>

我想使用自己的筆記

分隔線

通過三個***來使用

如何使用分割線啊
***
在線等，挺急的
***
咦，我發現我使用了分隔線
***

如何使用分割線啊

---

在線等，挺急的

---

咦，我發現我使用了分隔線

---

轉義字符

當想要顯示*號，而不是斜體時，使用斜槓，結果如下

* 不顯示星號
\*  顯示星號

• 不顯示星號

* 顯示星號
更多可以通過斜槓轉義的字符有：

2塊引用(blockquotes)

引用文本

> This is something about blockquote

This is something about blockquote

內置塊引用

> This is first paragraph
>
>>this is the nested paragraph

This is first paragraph

this is the nested paragraph

塊引用舉例

 > ##### The quarterly results look great!
 >
 > - Revenue was off the chart.
 > - Profits were higher than ever.
 >
 > *Everything* is going **well**.

The quarterly results look great!

• Revenue was off the chart.
• Profits were higher than ever.

Everything is going well.

3 列序

有序

保證數字開頭即可，如果要從2開始，則第一個是2.，後面的數字順序都不重要，會自動排

 1. first item
 8. second item
 9. third item

1. first item
2. second item
3. third item

內置列序

使用空格或tap鍵

 1. first item
 2. second item
 3. third item
 	1. indented item
 	5. indented item
 6. fourth item

1. first item
2. second item
3. third item
   1. indented item
   2. indented item
4. fourth item

無序

無序通過增加-,*,+三個中的任意一個（筆者通常加*或者-）

- hello world
* hello world
+ hello world

• hello world

• hello world

• hello world

4 插入

插入圖片

以CSDN爲例，圖片是可以直接複製粘貼的，markdownpad可以從路徑選擇圖片插入。
我們也可以指定路徑來插入圖片，如：

這個我是直接從網上覆製圖片然後粘貼的，我們看到代碼爲

所以插入圖片的代碼是：

！[xxx](images/xxx.png)  

xxx表示要插入的圖片名，[]內也可以不寫圖片名，後面爲路徑，（如果在CSDN的話，那麼不能插入自己保存的圖片，而是圖片的地址名，注意不是鏈接）

改變圖片大小

注：在印象筆記中可以調整圖片的尺寸，而且很方便。
方法如下：複製圖片直接粘貼，會生成一個.png的鏈接，然後直接在後面加入@和尺寸，如上面那隻圖片的鏈接加尺寸爲

圖片明顯縮小了。尺寸還可以有如下的方法：

@w=300
@h=150
@w=200h=100
@h=100w=200

另一個方法是在鏈接後加入" =300x200"後面的200不寫就是等比例縮放，中間是xy的x，前面有空格，比如

這不是在任何平臺都可以使用的，有的平臺markdown不支持這樣的方式
另外，爲知筆記可以使用如下方法

<img src="index_files/b3cf0a12-e43f-41c3-9218-918eb0dace43.png" width="300">

插入鏈接

使用

[ xxx ](網址)

如

也可以加入說明，如

當鼠標放在編譯的字體“百度”兩個字上時，就會顯示search engine字樣。
當然鏈接也是可以對字體加粗的，如

**[百度](baidu.com "my search engine")**  加粗
*[百度](baidu.com "my search engine")*  斜體

顯示鏈接和email

使用方法如下

結果爲

插入表格

表格顯示得不是特別明顯，下面每一個豎線都表示表格中的一個豎線。因此如果不想要左邊豎線和右邊豎線也可以不畫出來

1
|  Syntax    | Description |   #注意，第一個豎線是頂格寫的，即一定要在最左邊不能有空格
| ----------- | ----------- |
| Header     | Title        |
| Paragraph  | Text       |
2
  Syntax    | Description 
 ----------- | ----------- 
 Header     | Title        
 Paragraph  | Text  

下面顯示左右邊都沒有邊框，橫線同理。

表格居左居中和居右使用：表示，當：出現在左邊表示居左，在右邊表示居右，兩邊都有表示居中

| Syntax | Description | Test Text |
| :--- | :----: | ---: |
| Header | Title | Here's this |
| Paragraph | Text | And more |

插入圖表

這裏我以官網的例子爲例：
目前支持餅狀圖、折線圖、柱狀圖和條形圖，只需將 type 改爲對應的pie、line、column 和 bar

插入代碼

• 行內代碼塊：使用`xx`的格式,如

我使用的是`python` program language

我使用的是python program language

• 行間代碼塊

可以使用三個~~~或者三個```，都是同一個鍵，鍵盤Esc的下面一個鍵。
並且可以指定是使用什麼語言，如python則直接在後面接python，如下

~~~python
def function(a,b):
    print (a+b)
~~~

或者

\```json  注意:這個斜槓是不需要的，我插入斜槓是爲了顯示出來
{
"firstName": "John",
"lastName": "Smith",
"age": 25
 }
\```這個斜杆也是不需要的

添加腳註

在markdown中，可以通過如下方法添加腳註。然而印象筆記/evernote卻不能使用這種方法，以後再更新印象筆記中的使用

魯迅[^魯迅]是一個著名的作家   # ^放在[ ]裏

魯迅^[魯迅寫了很多文章，比如...]是一個著名的作家  #^放在[]外

魯迅¹是一個著名的作家

魯迅²是一個著名的作家

插入代辦事項

實例

三隻青蛙

* [x] 第一隻青蛙

* [ ] 第二隻青蛙

* [ ] 第三隻青蛙

三隻青蛙

• 第一隻青蛙

• 第二隻青蛙

• 第三隻青蛙

插入流程圖，時序圖，甘特圖

這裏以印象筆記爲例，這三個圖是可以直接從工具欄插入的，對應的順序分別是1,2,3

流程圖

時序圖

在這個網址還可以採用手繪的形式

另外，由於印象筆記自身可以畫圖，所以通過建立畫圖筆記也可以很好的達到效果

甘特圖

4快捷鍵

Markdown使用在不同的程序上(如csdn和印象筆記)以及設備上（如windows和Mac）快捷鍵有所不同，通常而言常用的如撤銷（ctrl+z）等是一樣的.基本上是ctrl(+shift)+英文字母首字母的方式。
以印象筆記爲例
Windows 端

新建 Markdown 筆記

Ctrl+Alt+D

粗體

Ctrl+B

斜體

Ctrl+I

刪除線

Ctrl+T

下劃線

Ctrl+U

分隔線

Ctrl + Shift + -

編號列表

Ctrl + Shift + O

項目符號列表

Ctrl + Shift + B

插入待辦事項

Ctrl + Shift + C

代碼塊

Ctrl+Shift+L

插入日期和時間

Alt + Shift + D

撤銷

Ctrl+Z

在筆記內搜索

Ctrl+F

第二部分：latex數學公式

0 說明部分

可以參考markdown數學公式
或者這個文章一定是大神寫的
或者之前我寫的一個博文我的博文
這部分其實比較簡單，因爲模式都是一樣的。同樣的道理，Markdown在不同的平臺可能使用方法有稍微的差別。以下依舊以印象筆記/evernote爲例。

1 行內行間公式

1.1 行內公式

通過兩個$符號

我們今天要討論這個方程$y=1+e^x$

我們今天要討論這個方程$y=1+e^x$

1.2 行間公式

通過四個$符號

我們今天要討論這個方程$$y=1+e^x$$

我們今天要討論這個方程$y=1+e^x$
此外，如果想要公式有編號，那麼可以通過以下兩種方法，

1.2.1 方法一:手動生成編號

通過採用\tag來編號，當引用公式時手動輸入。缺點是當更改公式裏的編號時引用中的編號不能自動更改，其二，不同通過點擊引用的編號回到公式

$$y=1+e^x \tag{1.1}$$
我們今天要討論這個方程$(1.1)$

$y=1+e^x \tag{1.1}$
我們今天要討論這個方程$(1.1)$

1.2.2 方法二:自動生成編號

不同的平臺渲染不一樣，比如爲知筆記, latex等可以通過以下方法渲染自動編號
爲知筆記

$$\begin{equation}\label{my_equ1}
a^2+b^2=c^2
\end{equation}$$
We will use equation \eqref{my_equ1} 

Latex
對於latex而言，不需要$$這樣的符號

\begin{equation}\label{time_pixel}
  t_\text{pix}=\frac{\Delta T}{N_\text{pix}}\times N_\text{det}.
\end{equation}

Substituting \autoref{time_pixel}

當點擊紅框中的(1)可以自動找到公式（1）
馬克飛象

（馬克飛象有時候渲染會失敗，跟官方人員問過，給的辦法是：失敗的時候重新打開就可以看到自動編號，但是遺憾的是，當你嘗試改動時又會出錯，因此官方建議先編寫完，再渲染，這樣就不會去動它了。。。。呵呵噠。）
以上三種方法在CSDN都不適用

---

1. 魯迅原名周樹人，字… ↩︎

2. 魯迅寫了很多文章，比如... ↩︎