學習筆記-Markdown

風音素發表於2020-12-12

概覽

宗旨

純文字,易讀易寫;成為一種適用於網路的書寫語言

僅僅是涵蓋純文字的範圍

元素

效果文字表示(不要直接引用,有\轉義符)
目錄[TOC]
&&
<&lt;
xx*xx*
# 一級標題# 一級標題
## 二級標題## 二級標題

區塊引用

區塊引用0

區塊引用1

區塊引用2

> 區塊引用0
> >  區塊引用1
> > > 區塊引用2

區塊引用0

區塊引用1

區塊引用2

HTML

姓名xxx
性別xxx
電話xxxx
郵箱xxxxxxx@xxx
我的照片
<table>
    <tr>
        <td width="80%">
            <table>
                <tr>
                    <td align="right">姓名</td>
                    <td align="left">xxx</td>
                </tr>
                <tr>
                    <td align="right">性別</td>
                    <td align="left">xxx</td>
                </tr>
                <tr>
                    <td align="right">電話</td>
                    <td align="left">xxxx</td>
                </tr>
                <tr>
                    <td align="right">郵箱</td>
                    <td align="left">xxxxxxx@xxx</td>
                </tr>
            </table>
        </td>
        <td width="20%" height="100%">
            <img src="url" alt="我的照片" />
        </td>
    </tr>
</table>

表格

學號姓名分數
小明75
小紅79
小陸92
學號姓名分數
小明75
小紅79
小陸92
| 學號 | 姓名 | 分數 |
| ---- | ---- | ---- |
| 小明 | 男   | 75   |
| 小紅 | 女   | 79   |
| 小陸 | 男   | 92   |

學號|姓名|分數
:-|:-:|-:
小明|男|75
小紅|女|79
小陸|男|92

[註釋] # ":-是為列指定向左對齊方向 表格結構:表頭,表頭主體分隔符,主體"

無須列表

  • 無須列表

    • 無須列表

      • 無須列表
* 無須列表

  - 無須列表

    + 無須列表

有序列表

  1. 有序列表
  2. 有序列表
  3. 有序列表
1.有序列表
2. 有序列表
3. 有序列表

有序列表的序列號可隨意寫,markdown會自動歸序

TODO 列表

近期任務安排:

  • 整理Markdown手冊
  • 整理VSCode文件
  • Python進階
  • 優化架構
    • 學習K8S
    • 學習容器
**近期任務安排**:
- [x] 整理Markdown手冊
- [ ] 整理VSCode文件
- [ ] Python進階
- [ ] 優化架構
   - [ ] 學習K8S
   - [ ] 學習容器

註釋

[註釋]: input_link_url_here "title(optional)"

[//]: input_link_url_here "title(optional)"

<!--HTML Annotation-->

註腳

使用 Markdown1可以效率的書寫文件, 直接轉換成 HTML2, 你可以使用簡書或者支援Markdown的編輯器進行書寫。

使用 Markdown[^1]可以效率的書寫文件, 直接轉換成 HTML[^2], 你可以使用簡書或者支援Markdown的編輯器進行書寫。

[^1]:Markdown是一種純文字標記語言

[^2]:HyperText Markup Language 超文字標記語言

超連結

歡迎檢視風音素Blog

歡迎檢視[風音素Blog](https://download.csdn.net/download/weixin_44124824/13606028)

超連結

![alt](url "可選標題")
markdown

參考式

This is an example reference-style link.

Then, anywhere in the document, you define your link label like this, on a line by itself:

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label like this, on a line by itself:

[id]: http://example.com/  "Optional Title Here"

數學公式

E = m c 2 E=mc^2 E=mc2

∑ i = 1 n a i = 0 \sum_{i=1}^n a_i=0 i=1nai=0

f ( x 1 , x x , … , x n ) = x 1 2 + x 2 2 + ⋯ + x n 2 f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 f(x1,xx,,xn)=x12+x22++xn2

∑ k = 0 j − 1 γ ^ k j z k \sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k} k=0j1γ kjzk

$E=mc^2$ //行內公式$xx$

//整行公式$$xx$$
$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}$$

Typora無效,記得開啟行公式的偏好設定,因為行內公式屬於LaTeX擴充套件語法

?公式一覽表

程式碼塊

#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
​```c
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}
​```

時序圖語法

Andrew China Says Hello China thinks\nabout it How are you? I am good thanks! Andrew China
​```mermaid
sequenceDiagram
Andrew->>China: Says Hello
Note right of China: China thinks\nabout it
China-->>Andrew: How are you?
Andrew->>China: I am good thanks!
​```
B C D A Normal line Dashed line Open arrow Dashed open arrow Note to A Note over A and B B C D A
participant C
participant D
participant A
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
Note left of A: Note to A
Note over A, B: Note over A and B

?公式一覽表

流程圖

Created with Raphaël 2.2.0 Start 接收使用者名稱和密碼 使用使用者名稱查詢資料庫 資料庫中是否有資料? 走登入邏輯 密碼是否正確? End 走註冊邏輯 把使用者名稱和密碼寫入資料庫 yes no yes no
st=>start: Start
e=>end: End
接收使用者名稱和密碼=>operation: 接收使用者名稱和密碼
使用使用者名稱查詢資料庫=>operation: 使用使用者名稱查詢資料庫
資料庫中是否有資料=>condition: 資料庫中是否有資料?
走登入邏輯=>operation: 走登入邏輯
走註冊邏輯=>operation: 走註冊邏輯
密碼是否正確=>condition: 密碼是否正確?
把使用者名稱和密碼寫入資料庫=>inputoutput: 把使用者名稱和密碼寫入資料庫 

st->接收使用者名稱和密碼->使用使用者名稱查詢資料庫->資料庫中是否有資料
資料庫中是否有資料(yes)->走登入邏輯->密碼是否正確
資料庫中是否有資料(no)->走註冊邏輯->把使用者名稱和密碼寫入資料庫->e
密碼是否正確(yes)->e
密碼是否正確(no,down)->接收使用者名稱和密碼``

流程圖的markdown語法

語法關鍵詞

  • start,end, 表示程式的開始與結束
  • operation, 表示程式的處理塊
  • subroutine, 表示子程式塊
  • condition, 表示程式的條件判斷
  • inputoutput, 表示程式的出入輸出
  • right,left, 表示箭頭在當前模組上的起點(預設箭頭從下端開始)
  • yes,no, 表示condition判斷的分支(其可以和right,left同時使用)

流程圖的語法大體分為兩部分:

  1. 前面部分用來定義流程圖元素:

    tag=>type: content:>url
    
    • tag 是流程圖中的標籤,在第二段連線元素時會用到。名稱可以任意,一般為流程的英文縮寫和數字的組合。
    • type 用來確定標籤的型別,=>後面表示型別。由於標籤的名稱可以任意指定,所以要依賴type來確定標籤的型別
    • 標籤有6種型別:start``end``operation``subroutine``condition``inputoutput
    • content 是流程圖文字框中的描述內容,: 後面表示內容,中英文均可。特別注意,冒號與文字之間一定要有個空格
    • url是一個連線,與框框中的文字相繫結,:>後面就是對應的 url 連結,點選文字時可以通過連結跳轉到 url 指定頁面
  2. 後面部分用來連線流程圖元素,指定流程圖的執行走向。

    • 使用 -> 來連線兩個元素
    • 對於condition型別,有yesno兩個分支,如示例中的cond(yes)和cond(no)
    • 每個元素可以制定分支走向,預設向下,也可以用right指向右邊,如示例中sub1(right)。

?原文指引


  1. Markdown是一種純文字標記語言 ↩︎

  2. HyperText Markup Language 超文字標記語言 ↩︎