Hugo Blox で使えるマークダウン拡張一覧

Hugo Blox は通常のマークダウン拡張と、ショートコードという拡張機能を提供しています。また Hugo の持つ拡張機能も受け継いでいますので色々できます。

👽 ショートコードのドキュメント

https://gohugo.io/content-management/shortcodes/
https://gohugo.io/content-management/syntax-highlighting/

{{% steps %}}

### Step 1

お湯を沸かします

### Step 2

お肉をぶち込みます

{{% /steps %}}

お湯を沸かします

お肉をぶち込みます

{{% callout note %}}
This is a note.
{{% /callout %}}

This is a note.

{{% callout warning %}}
This is a warning.
{{% /callout %}}

This is a warning.

URL に含まれるパラメーターを指定します。https://youtu.be/8XwGvJCz7nE ような Youtube の URL の場合、以下のように書きます。

{{< youtube 8XwGvJCz7nE >}}

その他

{{< instagram P2MOCxOWiQN >}}

{{< twitter user="HogeHoge" id="12345678901234567890" >}}

{{< gist user 50a7482715eac222e230d1e64dd9a89b >}}

{{< video src="hogehoge.mp4" controls="yes" >}}

{{< audio src="hogehoge.mp3" >}}

{{< spoiler text="続きを見る" >}}
こちらは有料コンテンツです
{{< /spoiler >}}

続きを見る

こちらは有料コンテンツです

{{< card title="Card" >}}

{{< card url="/" title="Card with URL" icon="academic-cap" >}}

{{< cards >}}
  {{< card title="Card 1" >}}
  {{< card title="Card 2" >}}
{{< /cards >}}

$\LaTeX$

$\LaTeX$

$$
x^2 + y^2 = 1
$$

$$ x^2 + y^2 = 1 $$

```markmap {height="200px"}
- Robot
  - Hardware
  - Software
  - Firmware
```

- Robot
  - Hardware
  - Software
  - FirmWare

```mermaid
graph LR
Parent --> ChildA
Parent --> ChildB
```

graph LR Parent --> ChildA Parent --> ChildB

- [x] English
  - [x] Listening
  - [ ] Writhing
- [ ] Math