全構文のショーケースとテスト台帳

2026年10月12日1,108자약 3분ツールサンプルMarkdown

この記事は、blog-hishaku で使える Markdown 構文と拡張構文をすべて紹介するためのテスト台帳です。各セクションで記法とレンダリング結果を並べています。

標準Markdown

見出し

# の数で見出しレベルが決まります。h2 と h3 は左サイドバーの目次に抽出されます。

段落と改行

段落は空行で区切ります。行末に2つのスペースを置くと改行になります。

強調

太字、斜体、太字+斜体、取り消し線。

リスト

番号なしリスト:

• 項目1
• 項目2
  • ネストした項目
• 項目3

番号付きリスト:

1. 番号付き1
2. 番号付き2
3. 番号付き3

リンクと画像

Astroの公式サイトへリンクできます。

引用

引用ブロックです。複数行にまたがることもあります。 2行目の引用です。

コード

インラインコードは code のように書きます。

テーブル

タスクリスト

• 完了したタスク
• 未完了のタスク
• これも未完了

脚注

脚注の参照¹はページ末尾に定義を書きます。

独行URL

段落内にURLだけを書くと、自動的にOGPプレビューカードに変換されます。

astro.build

Astro

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

https://astro.build/

インライン装飾

下線とハイライト

下線テキスト と ハイライトテキスト が使えます。クラスを付けることもできます。

波線下線

色付きテキストも用意されています。

赤 ピンク オレンジ 黄 緑 水色 青 紫 灰

虹色 のようなグラデーションも可能です。

キーボード風の表示: Ctrl + C

ラベル: デフォルト 主要 情報 成功 警告 危険

上下付き文字

H₂O や E = mc² のように、添字が使えます。

ルビと着重点

漢字(かんじ) でルビ、漢字 で着重点(中黒)が表示されます。

スポイザー

ここはネタバレです のように、クリックするまで隠れます。

これはぼかしのまま表示

ブロック構文

提醒(note)ブロック

入れ子にも対応しています。

折りたたみブロック

タブブロック

同じグループIDを連続させると、タブとして結合されます。

pnpm install

pnpm dev

pnpm build

コードブロック

基本

console.log('Hello, blog-hishaku!');

タイトル・リンク・行ハイライト

console.log('1行目 (ハイライト)');
console.log('2行目');
console.log('3行目 (ハイライト)');

コマンドプロンプト

pnpm install
pnpm dev

折りたたみ対象(9行以上)

1行目
2行目
3行目
4行目
5行目
6行目
7行目
8行目
9行目
10行目

8行を超えるコードブロックは自動で折りたたまれ、コピーボタンが付きます。

フェンス付きコードの表示

```js
// ここはコードブロック内のコードブロック
console.log('nested');
```

数式

インライン数式は $E = mc^2$ のように書きます。

ディスプレイ数式:

行列も使えます。

Hexoタグ風構文

フレンドリンク

メディア

属性構文

インライン属性: テキスト のように、要素にクラスを直接付与できます。

リンク属性: Astro公式

リスト項目にも属性を付けられます。

• 通常の項目
• クラス付きの項目

エスケープ

++これは下線になりません++ ==これはハイライトになりません==

まとめ

このページで紹介した構文を組み合わせることで、表現豊かな記事が書けます。実際の見た目はこのページそのものを参照してください。