Hugo 可以自訂義 Shortcodes ，以下是我亂玩的幾個Shortcodes。(版本號要先對好)
Hugo Chart Shortcode
Line Chart
Bar Chart
Bubble Chart
Mermaid Shortcode
graph
graph TD
A[JN在睡覺] -->|鬧鐘響了| B(JN準備起床)
B --> C{JN是否起床?}
C -->|是| D[JN繼續賴床]
C -->|否| E[JN睡死]
D --> E[JN睡死]
pie
pie
title 今晚吃什麼
"不知道" : 50
"不知道ㄟ" : 35
"不知道ㄝ" : 10
"還是不知道" : 5
LaTeX Shortcode
https://dzhg.dev/posts/2020/08/how-to-add-latex-support-in-hugo/
- hugo本機不支持LaTex。LaTex對於編寫數學相關內容非常有用且必不可少。
- KaTex 是LaTex JavaScript 中的渲染器。它有一個擴展來自動呈現所有數學內容。
\(e = mc^2\)
$$\sum_{x=1}^5 y^z$$
\[\int_a^b f(x)\]
$$\mathbb{N} = { a \in \mathbb{Z} : a > 0 }$$
- $$x + y$$
- $$x - y$$
- $$x \times y$$
- $$x \div y$$
- $$\dfrac{x}{y}$$
- $$\sqrt{x}$$
$$\sum_{x=1}^5 y^z$$ \[\int_a^b f(x)\]
Sound Cloud Shortcode
努力不一定會成功，但不努力會很輕鬆
― Somebody