[電腦][文書] HackMD 語法
===
###### tags: `學科`
###### tags: `學科`, `電腦`, `文書`, `HackMD`, `語法`, `markdown`, `Mermaid`, `Mermaid Live Editor`

<br>

**目錄：**
[TOC]

<br>

## 官方教學
- [HackMD 使用教學](https://hackmd.io/c/tutorials-tw/%2Fs%2Ftutorials-tw)
- [[簡易功能介紹] HackMD 快速入門教學](https://hackmd.io/quick-start-tw?both)
- [[完整功能介紹] HackMD最新版的功能簡介](https://hackmd.io/features-tw?both) :100: :+1:
- [在筆記中嵌入另一篇筆記](https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-embed-note-tw)
- [[codimd] Markdown Syntax Reference](https://hackmd.io/c/codimd-documentation/%2F%40codimd%2Fmarkdown-syntax)

## 外部教學
- [Emoji 完整表 (EMOJI CHEAT SHEET)](https://www.webfx.com/tools/emoji-cheat-sheet/) :smile: :sunglasses: :open_mouth:
- [Hackmd常用語法整理新手必看！ - HackMD](https://hackmd.io/@VsQ_Erf8QDS3ndjx9qWsYQ/ByDMsuhM-/https%3A%2F%2Fhackmd.io%2FCYQw7AjAzALAxlAtMOBTAnImUQ0QIwCYBWYREADikIDZiAGGEdCVIA%3D%3D%3Fboth?type=book)
- [HackMD筆記](https://hahow.in/creations/5b57417c5738e6001e2b871b)
- [如何使用 hackmd 進階功能](https://hackmd.io/@chiaoshin369/Shinbook/https%3A%2F%2Fhackmd.io%2F%40chiaoshin369%2Fhackmd)
- [常用MARKDOWN語法與HACKMD的擴充](https://hackmd.io/@emisjerry/ByMQ0rWIB#/)
- [Markdown Tutorial.md](https://gist.github.com/emisjerry/3dcc0c44fa114a1abbcd57dde597e173)

<br>

## 測試區

### 圖片
- #### 圖片縮放語法
  

    ![](img_url空格=寬度x高度)

- #### 提示文字
![](https://avatars.githubusercontent.com/u/14820019 "這是拉拉熊" =64x64)

    ![](img_url "拉拉熊" =64x64)

:X: 底下這樣無法正常顯示

    <br>
    :O:「**提示文字**」一定要在「**長寬**」之前

- #### 使用註腳語法，事後定義 URL
![][rilakkuma]
圖片中使用的參考ID，可在稍後的文件中定義該圖片網址
唯一需注意的是：定義的區塊前面，**需空一行**

[rilakkuma]: https://avatars.githubusercontent.com/u/14820019?s=64 "這是拉拉熊"

<br>

### 區塊
:::success
:checkered_flag: 成功區塊
其他相關圖示：:golf: :thumbsup: :chart_with_upwards_trend:
<br>
:memo: **重點整理：詞彙關係圖**
- item1
- item2
- item3
:::

:::info
:information_source: 資訊區塊
其他相關圖示：:bulb: :blue_book: :green_book: :notebook_with_decorative_cover: :orange_book: :notebook: :bookmark: :pencil: :pencil2: :mag: :mag_right: :clipboard: :scroll:
:::

:::warning
:warning: 警告區塊
其他相關圖示：:heavy_exclamation_mark: :bangbang:
:::

:::danger
:no_entry_sign: 危險區塊
其他相關圖示：:no_entry: :x:
:::

:::spoiler 點此查看更多內容
詳細內容
:::

<br>

### 文字
- ruby / 日文
{美味しい|おいしい}

---

<br>

## 圖表

### sequence

Andrew->China: Says Hello
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!

### mermaid
- [如何撰寫數學式及圖表](https://hackmd.io/MathJax-and-UML-tw?both)
- [[HackMD][電腦][文書] Mermaid 圖](https://hackmd.io/sqHFfgdNQpmrr-tnaPC2UA)

<br>

## 常用寫法
### 粗體 (前後有空格)
- ### 頁面上的錨點 (選單、頁籤、選項、按鈕、狀態等)
在命令列中，有儲存為模板、啟動、停止、編輯、删除及重新整理共 6 個圖示。
在命令列中，有 **儲存為模板**、**啟動**、**停止**、**編輯**、**删除** 及 **重新整理** 共 6 個圖示。
- ### 連接, 參照
請前往谷歌搜尋 -> 請前往 `[**谷歌**](https://www.google.com)` 搜尋
請前往谷歌搜尋 -> 請前往 [**谷歌**](https://www.google.com) 搜尋

### 等寬粗體
- ### 指令
command -> ```**`command`**```
command -> **`command`**
- ### 參數
-r -> ```**`-r`**```
-r -> **`-r`**
- ### 路徑
/path/to/your/file/abc.txt -> ```**`/path/to/your/file/abc.txt`**```
/path/to/your/file/abc.txt -> **`/path/to/your/file/abc.txt`**
- ### 檔名
abc.txt -> ```**`abc.txt`**```
abc.txt -> **`abc.txt`**

### 額外資訊
- ### 補充資訊
:::info
:bulb: 補充資訊
:::
- ### 引用外部資訊
> 引用(QUOTE)

> hi, nice to meee you
> [name=tj_tasi][time=2023, 09, 07 ]

> Bye!
> [name=tj_tasi][time=2023, Sep 7, 11:59 AM][color=#fcc900]

> See you!
> [name=tj_tasi][time=2023 Sep 06 10:01 AM][color=#dbff54]

<br>

## 數學 latex 用法
- [[Cynthia] 常用 LaTeX 數學符號指令](https://hackmd.io/@CynthiaChuang/Basic-LaTeX-Commands)
- [[wiki] Equals sign](https://en.wikipedia.org/wiki/Equals_sign)
- ≈ (U+2248, LaTeX \approx)
- ≃ (U+2243, LaTeX \simeq), a combination of ≈ and =, also used to indicate asymptotic equality
- ≅ (U+2245, LaTeX \cong), another combination of ≈ and =, which is also sometimes used to indicate isomorphism or congruence
- ∼ (U+223C, LaTeX \sim)
- [[github][doc] Writing mathematical expressions](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/writing-mathematical-expressions)
123
$x_1$

> 提示：矩陣 $A$ 的轉置（Transpose）是另一個矩陣 $A^T$，方法是將矩陣 $A$ 中每個元素從位置 $(i, j)$ 轉換到 $(j, i)$。例如：
$ A = \begin{bmatrix} 1 & 2 & 3\\ 4 & 5 & 6\\ \end{bmatrix} $、
$ A^T = \begin{bmatrix} 1 & 4\\ 2 & 5\\ 3 & 6\\ \end{bmatrix} $

<br>

## flowchart
- https://flowchart.js.org/

    st=>start: Start:>http://www.google.com[blank]
    e=>end:>http://www.google.com
    op1=>operation: My Operation
    sub1=>subroutine: My Subroutine
    cond=>condition: Yes
    or No?:>http://www.google.com
    io=>inputoutput: catch something...
    para=>parallel: parallel tasks
    in=>input: some in
    out=>output: some out

    st->op1->cond
    cond(yes)->io->e
    cond(no)->para
    para(path1, bottom)->sub1(right)->op1
    para(path2, top)->op1
    para(path3, right)->in->out->e

[](https://hackmd.io/_uploads/B1pJxoJ9p.png)

<br>

{%hackmd vaaMgNRPS4KGJDSFG0ZE0w %}