Markdownの書き方

イベントやコミュニティの説明欄・プロフィールの自己紹介などは Markdown で見やすく整えられます。よく使う記法を「書き方」と「実際の表示」を並べて紹介します。エディタの「プレビュー」タブでいつでも表示を確認できます。

見出し・段落・強調

見出し

# の数でレベルが変わります(# 〜 ####)。

書き方

# 大見出し
## 中見出し
### 小見出し

表示

大見出し

中見出し

小見出し

段落・改行

空行で段落を分けます。

書き方

1行目の段落です。

空行をはさむと別の段落になります。

表示

1行目の段落です。

空行をはさむと別の段落になります。

太字・イタリック

書き方

**太字**、*イタリック*、***太字イタリック*** が使えます。

表示

太字、イタリック、太字イタリック が使えます。

リンク・引用

リンク

リンクは別タブで開きます。

書き方

[イベット公式サイト](https://evet.jp)

表示

イベット公式サイト

引用

書き方

> ここは引用文です。
> 補足や注意書きに使えます。

表示

ここは引用文です。補足や注意書きに使えます。

コード

インラインコード

書き方

文中で `npm run dev` のようにコードを示せます。

表示

文中で npm run dev のようにコードを示せます。

コードブロック

``` のあとに言語名を書くと言語ラベルが付きます。

書き方

```ts
const greeting = "Hello";
console.log(greeting);
```

表示

ts
const greeting = "Hello";
console.log(greeting);

テーブル・タイムライン

表(テーブル)

書き方

| 項目 | 内容 |
| --- | --- |
| 定員 | 30名 |
| 参加費 | 無料 |

表示

項目	内容
定員	30名
参加費	無料

タイムライン(時刻表)

1列目の見出しが「時間 / 時刻」で各行が HH:MM 始まりだと、自動でタイムライン表示になります。

書き方

| 時間 | 内容 |
| --- | --- |
| 19:00 | オープニング |
| 19:10 | セッション |
| 20:00 | 懇親会 |

表示

19:00オープニング

19:10セッション

20:00懇親会

画像

画像を挿入

エディタの「画像」ボタンからアップロードすると自動でこの形が挿入されます。

書き方

![代替テキスト](/images/image_01.jpg)

表示

代替テキスト

横幅を指定して表示

代替テキストの末尾に「|幅」を付けると、その横幅(px)で表示します。指定した幅より狭い画面では画面幅まで自動で縮みます。

書き方

![サンプル画像|400](/images/image_01.jpg)

表示

サンプル画像

縦横(幅×高さ)を指定して表示

「|幅x高さ」で幅×高さ(px)の表示枠を指定できます。枠に合わせて画像がトリミングされ、狭い画面では枠ごと比例して縮みます。例では 200×120px。

書き方

![サンプル画像|200x120](/images/image_01.jpg)

表示