Writing
サンプル: Writingの書き方と表示例
見出し、リスト、コード、画像、引用、表など、よく使う要素の表示例をまとめたサンプル記事です。
この記事の目的
このサンプルは、Writing記事でどのように書くとどんな表示になるかを確認するためのものです。
実データ作成時は、このファイルをコピーして不要な部分を削除してください。
見出しと本文
段落はそのまま書くと本文になります。
改行を入れたい場合は文末に半角スペース2つを入れると改行されます。
小見出し
見出しは ## ### などで階層を付けます。
箇条書き
- 箇条書き1
- 箇条書き2
- ネストは控えめに(必要なら分ける)
番号リスト
- 手順1
- 手順2
- 手順3
引用
引用はこのように表示されます。
強調したい一文に使うと便利です。
インラインコード
例えば npm run dev のように書くとインラインコードになります。
コードブロック
type Profile = {
name: string;
skills: string[];
};
const profile: Profile = {
name: "Haruka Kajita",
skills: ["Shader", "Three.js", "Astro"],
};
npm install
npm run dev
タスクリスト
- 構成を決める
- 見出しを追加する
- 画像を差し替える
水平線
折りたたみ(details/summary)
クリックして詳細を開く
ここに補足説明を書けます。長めの補足や備考の格納に便利です。
画像
画像(キャプション付き)
動画埋め込み
表
| 項目 | 内容 | 補足 |
|---|---|---|
| 書き方 | Markdown | .mdxを使用 |
| 更新 | 任意 | updatedAt で表示 |
| タグ | 3〜6個 | 統一感が出る |
リンク
まとめ
このサンプルをベースに、タイトル / summary / tags / publishedAt を差し替えるとすぐに実データになります。