feat: GitHub スタイルの Markdown アラート(callout)を実装#30
Merged
Conversation
- layouts/_markup/render-blockquote-alert.html: レンダーフックを追加。 Hugo v0.151.2 では .AlertType で種別を取得(.Type は常に "alert")。 note/tip/important/warning/caution に対応し日本語ラベル・FA アイコンを出力。 - static/css/custom.css: GitHub 配色の .alert-* スタイルを追加。 ライト・ダークモード両対応。 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
> [!NOTE]/> [!TIP]/> [!IMPORTANT]/> [!WARNING]/> [!CAUTION]を GitHub に近いデザインでレンダリングlayouts/_markup/render-blockquote-alert.html)で日本語ラベル・Font Awesome アイコンを出力static/css/custom.cssに配色スタイルを追加(ライト・ダークモード両対応)Hugo v0.151.2 での注意点
.Typeは常に"alert"を返すため、種別の判定には.AlertTypeを使用しています。Test plan
> [!WARNING]を含む記事(2026/06/11)でレンダリングを目視確認🤖 Generated with Claude Code