Markdown Sample

Summary

1. 加粗

兩個**__會被HTML中的``標籤包裹,例如:

2. Markdown中如何添加特殊符號

List of Greek letters and math symbols

https://www.overleaf.com/learn/latex/List_of_Greek_letters_and_math_symbols

https://blog.csdn.net/Logicr/article/details/82414854

→

*→

eg: \vee

      $\vee$ 	

3. Markdown數學公式語法

https://private.codecogs.com/latex/eqneditor.php

https://juejin.im/post/5a6721bd518825733201c4a2#heading-7

\(a + b\)

$x + y = z$ 

<Empty Math Block> <Empty \space Math \space Block>

x+y=zx+y=z

  $=2*3^k = 2*3^{log_3 m*n} = 2*m*n$ 
  //Suppose $m*n = 3^k$ &rarr; $k = \log_3 m*n,$

=23k=23log3mn=2mn=2*3^k = 2*3^{log_3 m*n} = 2*m*n

//Suppose mn=3km*n = 3^kk=log3mn,k = \log_3 m*n,

https://www.jianshu.com/p/e74eb43960a1

空格

http://blog.sina.com.cn/s/blog_4ddef8f80100iwwv.html

兩個quad空格 a \qquad b a \qquad b 兩個m的寬度
quad空格 a \quad b a \quad b 一個m的寬度
大空格 a\ b a\ b 1/3m寬度
中等空格 a;b a;b 2/7m寬度
小空格 a,b a,b 1/6m寬度
沒有空格 ab ab,
緊貼 a!b a!b 縮進1/6m寬度
$O(n^2)$

Time complexity : O(n2)O(n^2)

Time complexity : O(3logn)O(logn)O(3 * log n) ≈ O(log n)

4. 字體顏色

<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩雲</font>
<font color=#0099ff size=7 face="黑體">color=#0099ff size=72 face="黑體"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

Size:規定文本的尺寸大小。可能的值:從 1 到 7 的數字。瀏覽器默認值是 3

LightGreen

字體背景色

<table><tr><td bgcolor=lightblue>背景色</td></tr></table>
背景色
背景色
背景色
背景色
背景色
背景色
背景色

https://www.w3schools.com/colors/colors_names.asp

https://blog.csdn.net/qq_41082953/article/details/102922677

5. Jump

1. local file

1.1 way 1

[link](#Summary) jump to title

link jump to title

1.2 way 2

<a href="#其他markdown編輯器的實現方法">點擊跳轉</a>

按住Ctrl(Cmd)點擊下面的連接就會跳到“其他markdown編輯器的實現方法”這一小節標題

點擊跳轉

2. Other file

<a href="5.md">點擊跳轉</a>

點擊跳轉

3. Link

引用圖片和鏈接的唯一區別就是在最前方添加一個感嘆號。

[點擊跳轉至百度](http://www.baidu.com)

點擊跳轉至百度

6. 腳標

X^2^

X2

使用`~`來包裹下標內容

H2O

7. 刪除線

~~AAAAAA~~

AAAAAA

8.快捷方式

以上就是Markdown的基本的使用,最後奉上Markdown編輯器快捷鍵:· 加粗 Ctrl + B· 斜體 Ctrl + I· 引用 Ctrl + Q· 插入鏈接 Ctrl + L· 插入代碼 Ctrl + K· 插入圖片 Ctrl + G· 提升標題 Ctrl + H· 有序列表 Ctrl + O· 無序列表 Ctrl + U· 橫線 Ctrl + R· 撤銷 Ctrl + Z· 重做 Ctrl + Y

插入鏈接: Ctrl + K

插入圖片: Ctrl + Shift + I

引用: Ctrl + Shift + Q

刪除線: Alt+Shift+5

創建表格: Ctrl + T

ypora快捷鍵整合
​```
Ctrl+1  一階標題    Ctrl+B  字體加粗
Ctrl+2  二階標題    Ctrl+I  字體傾斜
Ctrl+3  三階標題    Ctrl+U  下劃線
Ctrl+4  四階標題    Ctrl+Home   返回Typora頂部
Ctrl+5  五階標題    Ctrl+End    返回Typora底部
Ctrl+6  六階標題    Ctrl+T  創建表格
Ctrl+L  選中某句話   Ctrl+K  創建超鏈接
Ctrl+D  選中某個單詞  Ctrl+F  搜索
Ctrl+E  選中相同格式的文字   Ctrl+H  搜索並替換
Alt+Shift+5 刪除線 Ctrl+Shift+I    插入圖片
Ctrl+Shift+M    公式塊 Ctrl+Shift+Q    引用

注:一些實體符號需要在實體符號之前加”\”才能夠顯示
​```
創建表格
Alt+Shift+5 刪除線 Ctrl+Shift+I

9. List

  • 無序列表使用*或+或-標識
  • 有序列表使用數字加.標識,例如:1.
* 黃瓜
* 玉米
* 茄子
  • 黃瓜
  • 玉米
  • 茄子
  1. ss

如果在單一列表項中包含了多個段落,爲了保證渲染正常,*與段落首字母之間必須保留四個空格

*    段落一

     小段一
*    段落二

     小段二
  • 段落一

    小段一

  • 段落二

    小段二

  • 段落一

    sdfasdfasdf

10 分割線

***
---

11 特殊字符

Markdown使用反斜槓\插入語法中用到的特殊符號。在Markdown中,主要有以下幾種特殊符號需要處理:

\   反斜線
`   反引號
*   星號
_   底線
{}  花括號
[]  方括號
()  括弧
#   井字號
+   加號
-   減號
.   英文句點
!   驚歎號

12 . 引用

aa

bb

cc

  • a task list item
  • list syntax required
  • normal formatting, @mentions, #1234 refs
  • incomplete
  • completed

13 . 表格

表頭|表頭|表頭
-|:-:|-:
內容|內容|內容
內容|內容|內容
表頭 表頭 表頭
內容 內容 內容
內容 內容 內容
<table>
    <tr>
        <td bgcolor=#FF69B4>第一列</td> 
        <td>第二列</td>
        <td>第三列</td> 
   </tr>
    <tr>
        <td colspan="2" bgcolor=#7B68EE>合併第1,2列</td>
        <td>第2行,第3列</td >    
    </tr>
    <tr>
        
        <td>第3行,第3列</td>     
        <td colspan="2" bgcolor=#ADFF2F>合併第1,2列</td>
    </tr>
</table>
第一列 第二列 第三列

14. 首行縮進

&emsp;&emsp;這是首行縮進的文本

  這是首行縮進的文本

{% tabs 選項卡, 2 %}

15. 表情符號

😊 :smile – 無法顯示 😄

16. 文本居中 / 換行

這是要居中的內容
這是要居中的內容

aaa
bbb

17. HTML

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啓電腦
<kbd> </kbd> -- 白色框框
<kbd>Ctrl</kbd>

Ctrl+Alt+Del

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
I have keys but no locks. I have space but no room. You can enter but can't leave. What am I? A keyboard. sfsdfs
sdfsdfsdf
sdfsdf
sdfsdf
<video src="xxx.mp4" />
<audio src="xxx.mp3" />
<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='//codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/jeangontijo/pen/OxVywj/'>Fancy Animated SVG Menu</a> by Jean Gontijo (<a href='https://codepen.io/jeangontijo'>@jeangontijo</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
See the Pen Fancy Animated SVG Menu by Jean Gontijo (@jeangontijo) on CodePen.
<!-- I am some comments
not end, not end...
here the comment ends -->

18. Diagrams

https://support.typora.io/Draw-Diagrams-With-Markdown/

```chart
,預算,收入,花費,債務
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,

type: pie
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
```mermaid
pie
    title Pie Chart
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 150 
```

pie

sequence

```mermaid
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->>Alice: I am good thanks!
```
AliceBobHello Bob, how are you?Bob thinksI am good thanks!AliceBob

state


graph

cname
dname

direction

  1. TB( top bottom)表示從上到下
  2. BT(bottom top)表示從下到上
  3. RL(right left)表示從右到左
  4. LR(left right)表示從左到右
  5. TD與TB一樣表示從上到下

node

  1. 默認節點 A
  2. 文本節點 B[bname]
  3. 圓角節點 C(cname)
  4. 圓形節點 D((dname))
  5. 非對稱節點 E>ename]
  6. 菱形節點 F{fname}

line

連線
節點間的連接線有多種形狀,而且可以在連接線中加入標籤:

箭頭連接 A1–>B1
開放連接 A2—B2
標籤連接 A3–text—B3 或者 A3—|text|B3
箭頭標籤連接 A4–text –>B4 或者 A4–>|text|B4
虛線開放連接 A5.-B5 或者 A5-.-B5 或者 A5..-B5
虛線箭頭連接 A6.->B6 或者 A6-.->B6
標籤虛線連接 A7-.text.-B7
標籤虛線箭頭連接 A8-.text.->B8
粗線開放連接 A9===B9
粗線箭頭連接 A10==>B10
標籤粗線開放連接 A11==text===B11
標籤粗線箭頭連接 A12==text==>B12
實例化
Object
P1
P2
C1
C2
D
d
H

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Y0c88r2j-1583765397769)(images\line1.png)]

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-nzO0CDFq-1583765397769)(images\line2.png)]

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-PhHzmmFX-1583765397769)(images\line3.png)]

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-BvD80SW4-1583765397770)(images\line4.png)]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章