Skip to content

feat: GitHub スタイルの Markdown アラート(callout)を実装#30

Merged
daruyanagi merged 1 commit into
mainfrom
feature/callout-styles
Jun 11, 2026
Merged

feat: GitHub スタイルの Markdown アラート(callout)を実装#30
daruyanagi merged 1 commit into
mainfrom
feature/callout-styles

Conversation

@daruyanagi

Copy link
Copy Markdown
Owner

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

- 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>
@daruyanagi daruyanagi merged commit 48a7d47 into main Jun 11, 2026
1 check passed
@daruyanagi daruyanagi deleted the feature/callout-styles branch June 11, 2026 12:19
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.

1 participant