❄️

Markdown 記法について毎回ググるのめんどくさいからまとめておく

2022/04/04に公開

Markdown 記法についてまとめておく。(include of zenn)

22.04.04 更新

README.md

見出し

# h1
## h2
### h3

区切り線

---

リスト

- list
  - list

---

1. list
2. list

Result

  • list
    • list

  1. list
  2. list

テーブル

| Head | Head | Head |
|:-----------|------------:|:------------:|
| This       | This        | This         |

Result

Head Head Head
left right center

コードブロック

# ```
# 囲む [```]
# ```

インラインコード

「`」で囲む

Result

インラインコードサンプル

インライン<span style="color: red; ">コード</span>サンプル

インライン<span style="color: red; ">コード</span>サンプル

文字色を変えたい場合は直接 HTML タグに記入する必要がある

チェックリスト

- [ ] list1
- [x] list2

Result

  • list1
  • list2

フォントスタイル

__太字__
**太字**
*斜体*
_斜体_
~~訂正線~~
<u>下線</u>
X<sup>2</sup>
X<sub>2</sub>

Result

  • Result
  • Result
  • Result
  • Result
  • <u>Result</u>
  • X<sup>2</sup>
  • X<sub>2</sub>

URL リンク

[zenn my page](https://zenn.dev/tzover)

Result

zenn my page

Image 表示

![image](/images/sample.jpg)

// change size
<img src="/images/sample.jpg" width="50%">

Result

image

<img src="/images/sample.jpg" width="50%" >

zenn の記事からは確認できないが Github 上では下のように表示される

image

zenn

公式を参照
見出しは h2 までにしないと目次表示されないみたいです。

https://zenn.dev/zenn/articles/markdown-guide

another contents

https://zenn.dev/zenn

GitHubで編集を提案

Discussion