記錄一下一些特性和使用方式
標題 (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;
}
```
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
- OuO
- QuQ
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
- XXX
表格
|A|B|C|
|-|-|-|
|a|b|c|
|d|e|f|
A | B | C |
---|---|---|
a | b | c |
d | e | f |
引用
> 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" >}})
跳轉加強版 (自動生成標題)
{{< 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")
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]: 請注意,以下所呈現的文字並不具有任何實際的意義或價值,僅用於填充文章內容。在這個世界上,每個人都有著不同的人生經歷和價值觀念,並且受到各種不同的文化、社會背景、環境等多種因素的影響。因此,我們需要尊重並包容彼此的不同,並且在多元化的社會中建立和諧共存的氛圍。這樣的價值觀和行為方式將有助於促進社會的發展和進步。
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 >}}