Skip to main content
  1. Posts/

シンプルな Markdown 記法

··1398 words·3 mins
aomori446
Author
aomori446
Introduction coming soon…
Table of Contents

このサイトは HugoBlowfish で構築されています。 記事を公開する前に、Markdown の書き方を練習しましょう。

1. 見出し
#

# 見出し 1

## 見出し 2

### 見出し 3

2. テキスト装飾
#

2.1 強調
#

CCNA対策の定番書、**黒本**で一発合格。

実際の表示:

CCNA対策の定番書、黒本で一発合格。

2.2 斜体
#

ピサの*斜塔*のイタリア語は:Torre pendente di Pisa

実際の表示:

ピサの斜塔のイタリア語は:Torre pendente di Pisa

2.3 取り消し線
#

~~その話題はもう古い~~、誰かが見ていますよ。

実際の表示:

その話題はもう古い、誰かが見ていますよ。

2.4 下線
#

重要なポイントには<u>下線</u>を引きます。

実際の表示:

重要なポイントには下線を引きます。

2.5 ハイライト
#

経験した人数は<mark>0</mark>です。

実際の表示:

経験した人数はです。

2.6 文字色
#

文字を<span style="color:red;">赤く</span>します。

実際の表示:

文字を赤くします。

2.7 文字サイズ
#

<span style="font-size:150%;">私の方が</span><span style="font-size:50%;">あなたより</span>大きい!

実際の表示:

私の方があなたより大きい!

3. リスト
#

3.1 箇条書きリスト
#

*** 西
    * 南西
    * 北西
*
- Mariah Carey
    - Hero
    - I'm Free
- Ariana Grande
    - Break Free
    - 34 + 35

実際の表示:

  • 西
    • 南西
    • 北西
  • Mariah Carey
    • Hero
    • I’m Free
  • Ariana Grande
    • Break Free
    • 34 + 35

3.2 番号付きリスト
#

1. 月曜日
2. 火曜日
3. 水曜日

実際の表示:

  1. 月曜日
  2. 火曜日
  3. 水曜日

4. 画像
#

何度でも言いますが、 ![さくらみこ](https://hololive.hololivepro.com/wp-content/uploads/2020/06/Sakura-Miko_pr-img_01.png) が私の最推しです。

実際の表示:

何度でも言いますが、

さくらみこ
が私の最推しです。

5. リンク
#

クリックして私の [Githubプロフィール](https://github.com/aomori446) へ。

実際の表示:

クリックして私の Githubプロフィール へ。

6. コード
#

6.1 コードブロック
#

書き方:

```go
func main() {
	print("hello,world")
}
```

実際の表示:

func main() {
	print("hello,world")
}

6.2 インラインコード
#

書き方:

これは `インラインコード` です。

実際の表示:

これは インラインコード です。

7. タスクリスト
#

- [ ]- [ ] 牛乳
- [x] パン

実際の表示:

  • 牛乳
  • パン

8. 引用
#

> 我思う、故に我在り

実際の表示:

我思う、故に我在り

9. 折りたたみ
#

<details>
<summary>TODO リスト</summary>

- 読書
- 執筆
- 運動

</details>

実際の表示:

TODO リスト
  • 読書
  • 執筆
  • 運動

10. テーブル
#

| 左揃え | 中央揃え | 右揃え |
| :--- | :---: | ---: |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |

実際の表示:

左揃え中央揃え右揃え
内容内容内容
内容内容内容

11. Hugo の高度なテクニック
#

11.1 ショートコードのエスケープ (ソースを表示)
#

ショートコードを実行せずに、その書き方を記事内で表示したい場合(このチュートリアルのように)、{{< の間に /**/ を挿入します。

書き方:

{{< figure src="img.jpg" >}}

表示: {{< figure src=“img.jpg” >}}

11.2 Markdown 内でコードブロックを表示する
#

記事内でコードブロックの書き方(``` 記号)を教えたい場合は、それより多くのバッククォートで囲みます。

書き方:

```go
ここにコードを書く
```