概要
いつか、どこかで書いたように、ぼくはもう html を直書きするのはイヤなのだ。そんな折に知った Markdown 表記はステキだ。このサイトの記事はすべて Markdown で行っている。このページでは各種 Markdown がサイト上でどのように表示されるかを実演するぜ。
## 概要
いつか、どこかで書いたように、ぼくはもう html を直書きするのはイヤなのだ。そんな折に知った Markdown 表記はステキだ。このサイトの記事はすべて Markdown で行っている。このページでは各種 Markdown がサイト上でどのように表示されるかを実演するぜ。
TOC
## TOC
[TOC]
段落と改行
これは段落。
これも段落。
ただ改行がしたかったらスペースをふたつ書く。
こんなふうに。
## 段落と改行
これは段落。
これも段落。
ただ改行がしたかったらスペースをふたつ書く。
こんなふうに。
文字を装飾
太字はアスタリスクを使う。
色に関しては html タグを使う。
インラインコードは バッククォートで囲う 。
インラインコード内で バック`クォート`を使う 。
## 文字を装飾
**太字はアスタリスクを使う。**
<span style="color:#82B358;">色に関しては html タグを使う。</span>
インラインコードは `バッククォートで囲う` 。
インラインコード内で ``バック`クォート`を使う`` 。
コード
# python のコード
def foo():
return 0
<!-- html のコード -->
<span style="color:#82B358;">test test test</span>
```python
# python のコード
def foo():
return 0
```
```html
<!-- html のコード -->
<span style="color:#82B358;">test test test</span>
```
リスト
- リストアイテム1
- リストアイテム2
- リストアイテム3
- リストアイテム4
- リストアイテム5
- リストアイテム6
リストアイテム7
リストアイテム8
## リスト
- リストアイテム1
- リストアイテム2
- リストアイテム3
- リストアイテム4
- リストアイテム5
- リストアイテム6
リストアイテム7
リストアイテム8
リンクと画像
## リンクと画像
[トップページへ行くリンク](/)
テーブル
| Left | Center | Right |
|---|---|---|
| LongLongLongLongLong | Short | Short |
| Short | LongLongLongLongLong | Short |
| Short | Short | LongLongLongLongLong |
| Image | Text |
|---|---|
 |
Short LongLongLongLongLong |
## テーブル
| Left | Center | Right |
| :--------------------- | :--------------------: | ---------------------: |
| LongLongLongLongLong | Short | Short |
| Short | LongLongLongLongLong | Short |
| Short | Short | LongLongLongLongLong |
| Image | Text |
|----------------------------------------------------------------|-------------------------------|
|  | Short<br>LongLongLongLongLong |
引用
引用文
引用文二重引用文
二重引用文
## 引用
> 引用文
> 引用文
> > 二重引用文
> > 二重引用文
見出し(h2)
これは h2 の見出し。
見出し(h3)
これは h3 の見出し。
見出し(h4)
これは h4 の見出し。
## 見出し(h2)
これは h2 の見出し。
### 見出し(h3)
これは h3 の見出し。
#### 見出し(h4)
これは h4 の見出し。
チェックリスト
- [ ] 未完了タスク
- [x] 完了タスク
- [ ] もうひとつのタスク
## チェックリスト
- [ ] 未完了タスク
- [x] 完了タスク
- [ ] もうひとつのタスク
水平線
## 水平線
---
***
___
番号付きリスト
- アイテム1
- アイテム2
-
アイテム3
-
サブアイテム1
- サブアイテム2
## 番号付きリスト
1. アイテム1
2. アイテム2
3. アイテム3
1. サブアイテム1
2. サブアイテム2
定義リスト ( 拡張 )
- Term 1
- Definition 1
- Term 2
- Definition 2
## 定義リスト ( 拡張 )
Term 1
: Definition 1
Term 2
: Definition 2
折りたたみ ( details )
クリックで開く
ここに内容を書く。 * リストも書ける * **装飾もOK**## 折りたたみ ( details )
<details>
<summary>クリックで開く</summary>
ここに内容を書く。
- リストも書ける
- **装飾もOK**
</details>
キーボード表記
Ctrl + C でコピー
## キーボード表記
<kbd>Ctrl</kbd> + <kbd>C</kbd> でコピー
打ち消し線
~これは取り消されたテキスト~
## 打ち消し線
~これは取り消されたテキスト~
絵文字 ( GitHub 風 )
:smile: :rocket: :fire:
## 絵文字 ( GitHub 風 )
:smile: :rocket: :fire:
数式 ( LaTeX )
インライン: $E = mc^2$
ブロック:
$$ \int_0^1 x^2 dx $$
## 数式 ( LaTeX )
インライン: $E = mc^2$
ブロック:
$$
\int_0^1 x^2 dx
$$
脚注
これは脚注の例1
## 脚注
これは脚注の例[^1]
[^1]: ここが脚注の中身
HTML 混在
これは HTML ブロック
## HTML 混在
<div style="padding:10px; border:1px solid #ccc;">
これは HTML ブロック
</div>
-
ここが脚注の中身 ↩
