H1 見出し

記事本文を書く。H1は通常ページタイトルで表示されるため、本文ではH2以降を中心に使う。

H2 見出し

通常の段落。太字、斜体、inline code、リンク を使える。

H3 見出し

長い説明を書く場合は、見出しを細かく分ける。

要約

• 重要な点を短く書く
• 箇条書きは読みやすくする
• 1項目に詰め込みすぎない

番号付きリスト

1. 最初にやること
2. 次にやること
3. 最後に確認すること

チェックリスト

• 未完了の項目
• 完了した項目

引用

引用やメモを書く。長くなりすぎる場合は、要点を本文で説明する。

コードブロック

type Post = {
  title: string;
  slug: string;
  tags: string[];
};

function postUrl(post: Post) {
  return `/blog/${post.slug}/`;
}

コマンド

npm run publish

表

画像

画像は src/content/assets/ に置き、相対パスで参照する。

src/content/assets/sample-image.jpg

本文ではこう書く。

![画像の説明](../assets/sample-image.jpg)

実際に表示したい場合:

リンクカード

単独行にURLだけを記載すると、Zennのようなリンクカードとして展開されます。

内部リンクの例（自分のブログ内の別の記事など）:

初回記事

blog-kinnの初回記事です。

blog.kinn-kinn.com

外部リンクの例:

Zenn｜エンジニアのための情報共有コミュニティ

Zennはエンジニアが技術・開発についての知見をシェアする場所です。本の販売や、読者からのバッジの受付により対価を受け取ることができます。

zenn.dev

区切り線

詳細メモ

必要なら補足を書く。脚注を使う場合は、表示確認してから公開する。¹

まとめ

最後に、記事で伝えたかったことを短くまとめる。