hackmd使用
文章目录
【注意】最后更新于 December 21, 2016,文中内容可能已过时,请谨慎使用。
編輯
快速鍵
跟又快又方便的Sublime text很像
更多訊息請至 這裡
自動完成
提供完整的 Markdown 自動完成與提示
- 表情符號:輸入
:
顯示提示 - 程式碼區塊:輸入
3个
` 加上一個字元 顯示提示 - 標頭:輸入
#
顯示提示 - 參考:輸入
[]
顯示提示 - 外部:輸入
{}
顯示提示 - 圖片:輸入
!
顯示提示
標題
會使用 第一個第一級標頭 作為筆記標題
標籤
如同以下方式來使用標籤,它們會顯示在您的 歷史紀錄
tags: 功能
酷
更新
YAML metadata
提供描述筆記的資訊,以進階設定瀏覽行為,詳細請至上連結
- robots: 設定網路機器人 meta
- lang: 設定瀏覽器顯示語言
- dir: 設定文字方向
- breaks: 設定是否使用分行
- mathjax: 設定是否使用 mathjax
表情符號
您可以像是這樣使用表情符號 😄 😃 😢 😉
完整的表情符號列表 在這裡
待辦清單
- 待辦
- 買些沙拉
- 刷牙
- 喝水
程式碼區塊
我們支援非常多程式語言,使用自動完成來看看有些什麼
|
|
如果想要 行號,在表明程式語言之後輸入
=
您也可以指定開始行號,如下所示,行號從101開始
|
|
或是可以接續上一個程式碼區塊的行號,使用
=+
|
|
引用區塊標籤
您可以使用以下語法,表明自己的 姓名、時間與顏色 並與其他的引用區塊做區別 [name=ChengHan Wu] [time=Sun, Jun 28, 2015 9:59 PM] [color=#907bf7]
也支援巢狀引用區塊喔! [name=ChengHan Wu] [time=Sun, Jun 28, 2015 10:00 PM] [color=red]
外部
Youtube
{%youtube 1G4isv_Fylg %}
Vimeo
{%vimeo 124148255 %}
Gist
{%gist schacon/4277%}
SlideShare
|
|
Speakerdeck
|
|
注意:請使用 https 的網址,否則可能會被您的瀏覽器阻擋載入
|
|
MathJax
您可以使用 MathJax 語法 來產生 LaTeX 數學表達式,如同 math.stackexchange.com:
The Gamma function satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$
$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt,. $$
更多關於 LaTeX 數學表達式 請至這裡
UML 圖表
循序圖
您可以像是以下使用循序圖:
|
|
流程圖
您可以像是以下使用流程圖:
|
|
Graphviz
|
|
Mermaid
|
|
更多關於 循序圖 語法 在這裡. 更多關於 流程圖 語法 在這裡. 更多關於 Graphviz 語法 在這裡 更多關於 Mermaid 語法 在這裡
警告區塊
:::success 耶 🎉 :::
:::info 這是訊息 📣 :::
:::warning 注意 ⚡ :::
:::danger 喔不 🔥 :::
排版
標頭
|
|
水平分隔線
字形替換
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
測試.. 測試… 測試….. 測試?….. 測試!….
!!!!!! ???? ,,
Remarkable – awesome
“Smartypants, 雙引號”
‘Smartypants, 單引號’
強調
這是粗體文字
這是粗體文字
這是斜體文字
這是斜體文字
這是刪除文字
上標: 19^th^
下標: H~2~O
++這是底線文字++
==這是標記文字==
引用區塊
引用區塊也可以是巢狀的喔…
…可以多層次的使用…
…或是用空白隔開
清單
項目
- 在行開頭使用
+
-
或是*
來建立清單 - 空兩個空白就可以產生子清單
- 當清單標記使用的字元不同,會強制建立新的清單
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- 當清單標記使用的字元不同,會強制建立新的清單
- 非常簡單!
編號
Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
您可以逐次增加項目數字…
…或是全部都使用
1.
feafw
332
242
2552
e2
從其他範圍開始編號清單
- foo
- bar
程式碼
行內 程式碼
縮排程式碼
// Some comments
line 1 of code
line 2 of code
line 3 of code
程式碼區塊
|
|
語法標色
|
|
表格
選項 | 描述 |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
向右對齊
選項 | 描述 |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
向左對齊
選項 | 描述 |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
置中對齊
選項 | 描述 |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
連結
連結文字 加上標題的連結文字 自動轉換連結 https://github.com/nodeca/pica
圖片
如同連結一般,圖片也可以用註腳語法 使用參考,可以在稍後的文件中再定義圖片網址
![Minion](https://octodex.github.com/images/minion.png =200x200) 使用指定的大小顯示圖片
註腳
註腳 1 連結1. 註腳 2 連結2. 行內註腳^[行內註腳的文字] 定義 重複的註腳參考2.
定義清單
- 名詞 1
定義 1 快速連續項目
- 名詞 2 加上 行內標記
定義 2
{ 這些程式碼屬於 定義 2 的一部分 }
定義 2 的第三段落
緊密樣式:
名詞 1 ~ 定義 1
名詞 2 ~ 定義 2a ~ 定義 2b
縮寫
這是 HTML 的縮寫範例 它會轉換 “HTML”,但是縮寫旁邊其他的部分,例如:“xxxHTMLyyy”,不受影響
*[HTML]: Hyper Text Markup Language
文章作者 iTBoyer
上次更新 2016-12-21