記錄一下一些特性和使用方式

標題 (heading)

# h1
## h2
### h3
#### h4 支援 emoji :smile:
##### h5 支援中文~
###### h6 
####### h7 最多只有到 6 級

h1

h2

h3

h4 支援 emoji 😄

h5 支援中文~
h6

####### h7 最多只有到 6 級

右邊會有浮動 TOC (table of contents),可點擊!
只會顯示 h1 ~ h3 過長會變成 …

test中文 1-12sdofjsojdfojasodjfosjofdsoifjaosjdofj

emoji

:smile:
:thinking:
:flushed:

😄
🤔
😳

Code block

原生

  • ref
  • linenos: 開啟行數
  • hl_lines: 標記特定行
  • linenostart: 行數起始值
```c {linenos=table,hl_lines=[2,"4-6"],linenostart=199}
#include <stdio.h>
int main()
{
    int a = 0;
    return a;
}
```
199
200
201
202
203
204
#include <stdio.h>
int main()
{
    int a = 0;
    return a;
}

Code block alias

```c {name="qasm"}
OPENQASM 2.0;
include "qelib1.inc";
qreg q[2];
creg c[2];
x q[0];
x q[1];
measure q[0] -> c[0];
measure q[1] -> c[1];
```
OPENQASM 2.0;
include "qelib1.inc";
qreg q[2];
creg c[2];
x q[0];
x q[1];
measure q[0] -> c[0];
measure q[1] -> c[1];

Copy code block

右上角可以複製程式碼,目前會自動忽略 prompt (每行開頭的 $, >)。加上 {copy=no} 可以關閉複製按鈕。

```bash
$ echo "hello"
```

```bash {copy=no}
$ echo "hello"
```
$ echo "hello"
$ echo "hello"

Color and background color of the label

```bash {fg="#333", bg="#F0E1A7"}
$ echo "hello"
```
$ echo "hello"

強調字型

__粗體__  
**粗體**  
_斜體_  
*斜體*  
__*粗斜體*__

粗體
粗體
斜體
斜體
粗斜體

橫線

---

項目 (Bullet)

+ a
  + 1
  + 2
+ b
  1. OuO
  2. QuQ

1. XXX
   1. XXX
      1. XXX
         1. XXX
            1. XXX
               1. XXX
                  1. XXX

+ XXX
  + XXX
    + XXX
      + XXX
        + XXX
          + XXX
            + XXX
  • a
    • 1
    • 2
  • b
    1. OuO
    2. QuQ
  1. XXX
    1. XXX
      1. XXX
        1. XXX
          1. XXX
            1. XXX
              1. XXX
  • XXX
    • XXX
      • XXX
        • XXX
          • XXX
            • XXX
              • XXX

表格

|A|B|C|
|-|-|-|
|a|b|c|
|d|e|f|
ABC
abc
def

引用

> The more I learn, the more I realize how much I don't know.  
> --- Albert Einstein

The more I learn, the more I realize how much I don’t know.
— Albert Einstein

跳轉

[同一頁面不同 heading]({{< relref "#表格" >}})  
[不同頁面]({{< relref "/about" >}})

同一頁面不同 heading
不同頁面

跳轉加強版 (自動生成標題)

{{< reff "#表格" >}}  
{{< reff "/about" >}}
{{< reff "20220620-4-bit-qft-iqft" >}}  
{{< reff "20220620-4-bit-qft-iqft/" >}}  
{{< reff "20220620-4-bit-qft-iqft/#version-1" >}}
{{< reff "20220620-4-bit-qft-iqft/#version-1" "Named heading" >}}

#表格
About
4-bit QFT IQFT
4-bit QFT IQFT
4-bit QFT IQFT#version-1
4-bit QFT IQFT#Named heading

插入圖片

目前並不打算直接上傳到 github,所以找了一些方式
一般圖片 (寬度設定可在網址後方加上空格再加 "=300x",來將寬度設定為 300,我嘗試了一些方法不過很可惜跟 HackMD 不相容)。圖床使用 google drive,可以使用 aben20807/GMDL 直接拿到可嵌入的圖片連結。

![pic](https://lh3.googleusercontent.com/d/19Efo1jhOyadRa7Fu-HDE7G7-Dxm9gUNO)
![pic with width = 300](https://lh3.googleusercontent.com/d/19Efo1jhOyadRa7Fu-HDE7G7-Dxm9gUNO "=300x")

pic

pic

OuO

pic with width = 300

pic with width = 300

OuO

Gallery

  • 2 代表每欄 2 張圖,目前 Gallery 不支援 footnote。
{{< gallery 2 >}}
![蚱蜢 1號 (短角異斑腿蝗)](https://lh3.googleusercontent.com/d/152CFqef9-RAh6CYHirxuoRajCYQJkZIO)
![蚱蜢 2號 (瘤喉蝗)](https://lh3.googleusercontent.com/d/1x3rdAzNXBMVQ-pNq9J4iQ4z_4l0ce2oS)
![蝴蝶 (細蝶),兩隻都產卵在葉子上](https://lh3.googleusercontent.com/d/1aA8nKtoLaeox0IN7-6XqYnKkFaXvzKxF)
![蜥蜴 (斯文豪氏攀蜥)](https://lh3.googleusercontent.com/d/1BE1AleYufVrgLiUIWab4-Mv7guqwUazX)
{{< /gallery >}}

數學式

要行內顯示的話在左右各使用一個 $ 包著, e.g., $x + y = z$: $x + y = z$

使用 $$ 會置中顯示, e.g., $$a \times b = c$$

$$a \times b = c$$

$$
\def\TT{i\frac{\pi}{4}}
\begin{equation*}
\begin{split}
x &= e^{\TT}
\newline
y &= e^{-3\TT}
\end{split}
\end{equation*}
$$

$$
\def\TT{i\frac{\pi}{4}}
\begin{equation*}
\begin{split}
x &= e^{\TT}
\newline
y &= e^{-3\TT}
\end{split}
\end{equation*}
$$

Footnote

Hi [^label], Link [^llink], Long footnote[^long].

![Footnote in caption[^img]](https://lh3.googleusercontent.com/d/19Efo1jhOyadRa7Fu-HDE7G7-Dxm9gUNO)

[^label]: OuO
[^llink]: [homepage](https://aben20807.github.io/)
[^img]: Image
[^long]: 請注意,以下所呈現的文字並不具有任何實際的意義或價值,僅用於填充文章內容。在這個世界上,每個人都有著不同的人生經歷和價值觀念,並且受到各種不同的文化、社會背景、環境等多種因素的影響。因此,我們需要尊重並包容彼此的不同,並且在多元化的社會中建立和諧共存的氛圍。這樣的價值觀和行為方式將有助於促進社會的發展和進步。

Hi 1, Link 2, Long footnote3.

Footnote in caption4

Footnote in caption4

OuO

YouTube

直接使用影片連結 (不含時間)

{{< youtube "https://www.youtube.com/watch?v=jC3jnC1dsAg" >}}

舊版含時間分享連結 (也支援但少用)

{{< youtube "https://www.youtube.com/watch?v=jC3jnC1dsAg?t=500" >}}

新版含時間分享連結

{{< youtube "https://youtu.be/jC3jnC1dsAg?si=9LmFdasZ1un8-QIk&t=500" >}}

Alert Section

{{< alert info >}}
**Beware !** is a text
{{< /alert >}}

{{< alert success >}}
**Beware !** is a text
{{< /alert >}}

{{< alert warning >}}
**Beware !** is a text
{{< /alert >}}

{{< alert danger >}}
**Beware !** is a text
{{< /alert >}}

Beware ! is a text

Beware ! is a text
Beware ! is a text
Beware ! is a text

標題參數

{{< alert info "info 標題" >}}
**Beware !** is a text
{{< /alert >}}

{{< alert success "success 標題" >}}
**Beware !** is a text
{{< /alert >}}

{{< alert warning "warning 標題" >}}
**Beware !** is a text
{{< /alert >}}

{{< alert danger "danger 標題" >}}
**Beware !** is a text
{{< /alert >}}
info 標題

Beware ! is a text

success 標題
Beware ! is a text
warning 標題
Beware ! is a text
danger 標題
Beware ! is a text

Details, summary section

{{< summary "Click~" >}}
# OuO
OuO
+ OuO
{{< /summary >}}
Click~

OuO

OuO

  • OuO

Footnotes

  1. OuO ↩︎

  2. homepage ↩︎

  3. 請注意,以下所呈現的文字並不具有任何實際的意義或價值,僅用於填充文章內容。在這個世界上,每個人都有著不同的人生經歷和價值觀念,並且受到各種不同的文化、社會背景、環境等多種因素的影響。因此,我們需要尊重並包容彼此的不同,並且在多元化的社會中建立和諧共存的氛圍。這樣的價值觀和行為方式將有助於促進社會的發展和進步。 ↩︎

  4. Image ↩︎

  • ⊛ Back to top
  • ⊛ Go to bottom