📢 この記事は ChatGPT によって翻訳されました
はじめに
最近、
クラウドサイト
を作る過程で Markdown に触れましたが、非常に使いやすいことに気付き、学習ノートとしてまとめることにしました。
オンラインエディタ
を使いながら学んでもよいし、
ローカルエディタ
を導入してもよいでしょう。
私自身は
Typora
を使用しています。
復習には
Markdown チートシート
をどうぞ。
見出し
#
+ 半角スペース + 見出し名で作成し、1~6段階(HTML の h1~h6)に対応します。
1
2
3
4
5
6
| # 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
|
一般的なウェブページでは、h1 はページタイトル、h2 以下が本文になります。h4 まであれば十分です。
改行
前の行の末尾に「半角スペースを2つ以上 + 改行」で改行できます。一部エディタでは自動的に処理されます。
1
2
| これは1行目(スペースあり)
これは2行目
|
結果:
これは1行目(スペースあり)
これは2行目
斜体・太字
斜体は *テキスト*
、太字は **テキスト**
、両方なら ***テキスト***
。
1
2
3
| *斜体*
**太字**
***斜体かつ太字***
|
結果:
斜体
太字
斜体かつ太字
引用
行頭に >
を付けます。
1
2
3
| > 引用レベル1
>> 引用レベル2
>>> 引用レベル3
|
結果:
引用レベル1
引用レベル2
引用レベル3
リスト
番号付きリスト
数字. 半角スペース 内容
1
2
3
| 1. 項目1
2. 項目2
3. 項目3
|
箇条書きリスト
-
、+
、*
のいずれかを使用(統一推奨)、インデントで階層化。
1
2
3
4
5
| - 第一項目
- 子項目1
- 子項目2
- 孫項目
- 第二項目
|
コード
インラインコード
`コード`
で囲みます。
1
2
| `コード`
``これは \` を含むコードです``
|
ブロックコード
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| ```c
#include<stdio.h>
int main() {
printf("Hello World");
}
```
```
結果:
```c
#include<stdio.h>
int main() {
printf("Hello World");
}
|
水平線
3つ以上の *
、-
、_
のみを使って改行。
結果:
リンク
簡易リンク
1
2
| <https://yexca.net>
<yexca@duck.com>
|
結果:
https://yexca.net
[email protected]
テキスト付きリンク
1
2
| [ブログ](https://blog.yexca.net)
[ブログ](https://blog.yexca.net "実は Hiyoung と共同")
|
参照型リンク
1
2
3
4
| [blog]: https://blog.yexca.net
[contact]: <mailto:yexca@duck.com>
これは [ブログ][blog] です。連絡は [こちら][contact]
|
画像
例:
1
| 
|
画像 + リンク:
エスケープ
Markdown の記号をそのまま表示したい時は \
をつけます。
1
2
| これは * 斜体になります
これは \* そのまま表示
|
HTML挿入
1
2
3
4
| <details>
<summary>クリックで展開</summary>
本文です
</details>
|
Hugoテーマによっては HTML を正しく表示できないことがあります。
表
1
2
3
| | ヘッダ | 内容 | 備考 |
|:------|:----:|----:|
| 左寄せ | 中央 | 右寄せ |
|
結果:
打ち消し線
1
| 私は ~~戦争文学博士~~ Warma が好き
|
結果:
私は 戦争文学博士 Warma が好き
チェックリスト
結果:
絵文字
コピー貼り付け
Emojipedia
から絵文字をコピーして貼るだけ。
ショートコード
:
で囲みます(要対応環境)
結果:
😊 😃
脚注
1
2
3
4
5
| 参考[^1]、GitHub[^2]、ユーザー[^yexca]
[^1]: 注釈テキスト
[^2]: [GitHub](https://github.com/yexca)
[^yexca]: [プロフィール](https://lit.link/yexca)
|
参考リンク