2022-07-24

Markdown記法サンプル

よく使用する記法の書き方と表示のまとめです。


見出し

書き方

# 見出し 1
## 見出し 2
### 見出し 3
#### 見出し 4
##### 見出し 5
###### 見出し 6

表示

見出し 1

見出し 2

見出し 3

見出し 4

見出し 5
見出し 6

リンク

書き方

[ポートフォリオ](https://ryo-portfolio.vercel.app/)

表示

ポートフォリオ


引用

書き方

> Markdown 記法サンプル

表示

Markdown 記法サンプル


コードブロック

書き方

```typescript
const helloWorld = (): string => 'Hello, world!'
```

表示

const helloWorld = (): string => 'Hello, world!'

インラインコード

書き方

これは`Markdown`についての記事です

表示

これはMarkdownについての記事です


水平線

書き方

---

表示



画像

書き方

![アイコン](https://ryo-portfolio.netlify.app/_nuxt/icon.c1de94d3.jpg 'アイコン')

表示

アイコン


箇条書きリスト

書き方

- 問 1
  - 問 1_1
    - 問 1_1_1
  - 問 1_2
- 問 2
  - 問 2_1
- 問 3

表示

  • 問 1
    • 問 1_1
      • 問 1_1_1
    • 問 1_2
  • 問 2
    • 問 2_1
  • 問 3

番号付きリスト

書き方

1. 問 1
   1. 問 1_1
      1. 問 1_1_1
   1. 問 1_2
1. 問 2
   1. 問 2_1
1. 問 3

表示

  1. 問 1
    1. 問 1_1
      1. 問 1_1_1
    2. 問 1_2
  2. 問 2
    1. 問 2_1
  3. 問 3

強調

書き方

これは**ポートフォリオ**です

表示

これはポートフォリオです


取り消し

書き方

これは~~ポートフォリオ~~です

表示

これはポートフォリオです


イタリック

書き方

これは*ポートフォリオ*です

表示

これはポートフォリオです


テーブル

書き方

| No. | 左寄せ                   |         中央寄せ         |                   右寄せ |
| --: | :----------------------- | :----------------------: | -----------------------: |
|   1 | テキスト                 |     テキストテキスト     | テキストテキストテキスト |
|   2 | テキストテキストテキスト |         テキスト         |         テキストテキスト |
|   3 | テキストテキスト         | テキストテキストテキスト |                 テキスト |

表示

No.左寄せ中央寄せ右寄せ
1テキストテキストテキストテキストテキストテキスト
2テキストテキストテキストテキストテキストテキスト
3テキストテキストテキストテキストテキストテキスト