Skip to content

コールアウト記法(> [!xxx])に対応 - #186

Merged
riiimparm merged 10 commits into
developfrom
feature/callout-blockquote
Aug 22, 2026
Merged

コールアウト記法(> [!xxx])に対応#186
riiimparm merged 10 commits into
developfrom
feature/callout-blockquote

Conversation

@riiimparm

@riiimparm riiimparm commented Aug 13, 2026

Copy link
Copy Markdown
Collaborator

変更内容

> [!xxx]形式のコールアウトに対応。種別による色分け・アイコンは無し

  • src/layouts/BlogLayout.astro: 既存blockquoteスタイル直下に.callout-label { font-weight: 700; }のみ追加
スクリーンショット 2026-08-14 11 10 58
テスト用md
---
title: コールアウト記法(callout blockquote)デモ
pubDate: '2026-08-13'
description: GitHub/Obsidian風の `> [!NOTE]` 記法によるコールアウト表示の検証用記事
author: RiiiM
tags: [Tech]
---

コールアウト記法検証用の記事です。`> [!NOTE]` のようなアラート付き引用記法(callout/admonition)が正しく表示されるかを確認します。

> 通常の引用

> [!NOTE]
> これは note タイプのコールアウトです。

> [!TIP]
> これは tip タイプのコールアウトです。

> [!IMPORTANT]
> これは important タイプのコールアウトです。

> [!WARNING]
> これは warning タイプのコールアウトです。

> [!CAUTION]
> これは caution タイプのコールアウトです。

> [!RANDOMTHING]
> これは未知の種別(RANDOMTHING)のコールアウトです。デフォルトの無彩色スタイルで表示されます。

remark-github-blockquote-alert を導入し、`> [!NOTE]` 等のアラート記法を
サポート。BlogLayout のテーマ変数に合わせてスタイルを追加。
remark-github-blockquote-alert は note/tip/important/warning/caution の
5種類しか認識せず、それ以外の `> [!XXX]` は通常のblockquoteとして残る
(ソースのalertRegexにハードコードされており拡張オプションもない)。

remarkAlert の後段で動く remark-alert-fallback プラグインを追加し、
未変換のまま残った `> [!XXX]` を検出して同じ markdown-alert 構造
(markdown-alert-default クラス)に変換。タイトルには元の XXX 表記を
そのまま表示する。BlogLayout に無彩色の .markdown-alert-default
スタイルを追加。
note/tip/important/warning/caution の5種と未知の種別(RANDOMTHING)の
フォールバック表示を確認できるデモ記事を証跡として追加。
@riiimparm riiimparm linked an issue Aug 13, 2026 that may be closed by this pull request
remark-github-blockquote-alert への依存と5種類の色分けボックスをやめ、
`> [!任意の文字列]` 形式を既存の blockquote スタイルのまま
ラベル部分だけ太字で強調する単一実装(remark-callout.mjs)に統一した。
@riiimparm riiimparm changed the title GitHub風コールアウト記法(> [!NOTE]等)に対応 コールアウト記法(> [!xxx])に対応 Aug 13, 2026
@riiimparm riiimparm self-assigned this Aug 14, 2026
@riiimparm
riiimparm requested a review from naoki-00-ito August 14, 2026 16:28

@naoki-00-ito naoki-00-ito left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@riiimparm
LGTM!

@riiimparm
riiimparm merged commit 124aff2 into develop Aug 22, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

コールアウトを追加

2 participants