Navigation

Markdown 構文

Makit がレンダリングする Markdown の記法と表示例。

Markdown 構文

Makit は Markdown をページ本文としてレンダリングします。GitHub Flavored Markdown(表、タスクリスト、取り消し線など)は既定で有効です。ここでは、入力する構文と表示結果を対にして説明します。

見出し、段落、リンク

# ページタイトル

段落は空行で区切ります。**強調**`インラインコード`、[Makit](https://github.com/mika-f/makit) を使えます。

## セクション

レンダリング結果:

ページタイトル

段落は空行で区切ります。強調インラインコードMakit を使えます。

セクション

先頭の H1 は、メタデータで title を指定しない場合のページタイトルになります。見出しには ID が付き、目次には既定で H2 と H3 が表示されます。

リストと引用

- 順序なしの項目
- もう一つの項目

1. 最初の手順
2. 次の手順

> 引用は補足や出典の説明に使えます。

- [x] 完了した作業
- [ ] 未完了の作業

レンダリング結果:

  • 順序なしの項目
  • もう一つの項目
  1. 最初の手順
  2. 次の手順

引用は補足や出典の説明に使えます。

  • 完了した作業
  • 未完了の作業

コードブロック

言語名を指定するとシンタックスハイライトされます。サイト設定でコピーボタン(既定で有効)と行番号を制御できます。

```ts src/makit.config.ts lineNumbers
export default { title: "My Documentation" };
```

レンダリング結果:

export default { title: "My Documentation" };

行末の注釈で、変更箇所を示せます。注釈自体は出力されません。

```ts
const changed = true; // [!code highlight]
const added = true; // [!code ++]
const removed = false; // [!code --]
```

レンダリング結果:

const changed = true;
const added = true;
const removed = false;

markdownmdmdx のフェンスでは、これらの文字列はサンプルとしてそのまま表示されます。

GitHub 形式のアラート

次の構文は情報の重要度を明確にします。NOTETIPIMPORTANTWARNINGCAUTION を使えます。

> [!WARNING]
> 本番サイトへ公開する前に `makit check` を実行してください。

レンダリング結果:

表と水平線

| 項目      | 説明     |
| --------- | -------- |
| `title`   | サイト名 |
| `siteUrl` | 公開 URL |

---

レンダリング結果:

項目 説明
title サイト名
siteUrl 公開 URL

区切り行のコロンで各列の配置を指定できます。左側だけ、両側、右側にコロンを置くと、それぞれ左寄せ、中央寄せ、右寄せになります。

| 左寄せ | 中央寄せ | 右寄せ |
| :----- | :------: | -----: |
| a      | b        | c      |

レンダリング結果:

左寄せ 中央寄せ 右寄せ
a b c

HTML とプラグイン

生の HTML は安全のため既定で無効です。信頼できるコンテンツだけを扱う場合は markdown.allowDangerousHtml を有効にできます。Remark / Rehype プラグイン、外部リンクの属性、Shiki テーマ、目次の範囲は設定リファレンスで設定します。