@(Markdown)[印象筆記|馬克飛象|學習筆記]

序言

因為工作原因常會去編寫一些 Wiki ，所以就想學習並使用Markdown來提高一下自己的文案能力。在Mac平臺上 印象筆記 是一個非常不錯的應用，如果印象筆記支援Markdown語法是多麼棒的一件事情。於是發現了馬克飛象，本次Markdown學習之旅將主要使用馬克飛象來編輯自己的博文。

Markdown簡介

Markdown是一種輕量級的標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的 HTML頁面。——維基百科

表格

1.插入一個表格

Markdown使用管線圖的方式實現表格，表格裡面可以使用強調、連結等行內格式。
下面程式碼所示為一個基本的表格：

教程標題| 主要內容
-------|----------
關於Markdown | 簡介Markdown，Markdown的優缺點
Markdown基礎 | Markdown的**基本語法**，格式化文字、程式碼、列表、連結和圖片、分割線、轉義符等
Markdown表格和公式 | Markdown的**擴充套件語法**，表格、公式

解析html如下：

<table>
    <thead>
        <tr>
            <th>教程標題</th>
            <th>主要內容</th
 
>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>關於Markdown</td>
            <td>簡介Markdown，Markdown的優缺點</td>
        </tr>
        <tr>
            <td>Markdown基礎</td>
            <td>Markdown的<strong
 
>基本語法</strong>，格式化文字、程式碼、列表、連結和圖片、分割線、轉義符等</td>
        </tr>
        <tr>
            <td>Markdown擴充套件</td>
            <td>Markdown的<strong>擴充套件語法</strong>，表格、公式、UML圖</td>
        </tr>
    </tbody>
</table>

在網頁中結果如下：

注意，為了美觀起見，可以把前後端管線補齊，如下面程式碼所示。

|  教程標題   | 主要內容                      |
|------------|------------------------------|
|關於Markdown | 簡介Markdown，Markdown的優缺點|
|Markdown基礎 | Markdown的**基本語法**，格式化文字、程式碼、列表、連結和圖片、分割線、轉義符等|
|Markdown擴充套件 | Markdown的**擴充套件語法**，表格、公式、UML圖|

2.對齊方式

注意，我們同時可以指定表格單元格的對齊方式，如下面程式碼所示。

| Day     | Meal     | Price   |
|:--------|---------:|:-------:|
| Monday  | pasta    | $6      |
| Tuesday | chicken  | $8      |

顯示在網頁上結果為：

注意，表格列的寬度設定不能設定。Markdown更加關注內容，因此格式設定效能較弱，如果確實需要設定，請使用CSS。

LaTex 公式

通過使用MathJax，我們可以讓Markdown解析LaTeX數學表示式，通常情況下，我們需要引入MathJax外掛才可能工作。

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

1.行內公式

我們使用...的方式來包含行內公式，例如

一個簡單的數學公式,求圓的面積$S=\pi r^2$。

編譯之後表現在網頁上，結果為：

一個簡單的數學公式,求圓的面積S=πr2。

Γ(n)=(n−1)!∀n∈ℕ。

2.陳列公式（displayed formulas）

陳列公式使用$$...$$來表示，例如。

如果使用陳列公式，結果為：
一個簡單的數學公式，求圓的面積。
$$
	S=\pi r^2
$$

解析在網頁上結果為：

如果使用陳列公式，結果為：
一個簡單的數學公式，求圓的面積。

流程圖以及時序圖

```flow
    st=>start: Start
    e=>end
    op=>operation: My Operation
    cond=>condition: Yes or No?

    st->op->cond
    cond(yes)->e
    cond(no)->op
```

效果：

```sequence
    Alice->Bob: Hello Bob, how are you?
    Note right of Bob: Bob thinks
    Bob-->Alice: I am good thanks!
```

效果：

提示：想了解更多，請檢視流程圖語法以及時序圖語法。

複選框

使用 - [ ] 和 - [x] 語法可以建立複選框，實現 todo-list 等功能。例如：

• [x] 已完成事項
• [ ] 待辦事項1
• [ ] 待辦事項2
• [ ]

印象筆記相關

筆記本和標籤

馬克飛象增加了@(筆記本)[標籤A|標籤B]語法, 以選擇筆記本和新增標籤。 繫結賬號後， 輸入(自動會出現筆記本列表，請從中選擇。

筆記標題

馬克飛象會自動使用文件內出現的第一個標題作為筆記標題。例如本文，就是第一行的 歡迎使用馬克飛象。

編輯器相關

設定

右側系統選單（快捷鍵Cmd + M）的設定中，提供了介面字型、字號、自定義CSS、vim/emacs 鍵盤模式等高階選項。

快捷鍵

幫助 Cmd + /
同步文件 Cmd + S
建立文件 Cmd + Opt + N
最大化編輯器 Cmd + Enter
預覽文件 Cmd + Opt + Enter
文件管理 Cmd + O
系統選單 Cmd + M

加粗 Cmd + B
插入圖片 Cmd + G
插入連結 Cmd + L
提升標題 Cmd + H

小結：

• 表格可以幫助我們輕鬆的解決排版、梳理定義等問題，並且不用寫複雜<table>

• 公式的引入終於不用各種網上找圖片了，跟word說再見，就是這麼任性

• 流程圖什麼的最喜歡了，裝逼技能Get，複選框雖然看上去很華麗，但是部落格裡面還是比較少用到的

• 馬克飛象中提供了比較常用的幾個快捷鍵，並有一些自己的特殊用法，不習慣的小夥伴可以推薦使用Mou，不過個人還是更傾向使用馬克飛象，支援獨立開發者。