画像のキャプション表示機能を追加

[Copilot]

TODO

• AIレビュー
• セルフレビュー
  • markdownが期待通りにレンダリングされているかチェック
  • 誤字脱字チェック
  • 読みづらいところがないかチェック
  • TODOが残ってないかチェック
  • textlintの指摘で直したいところがあれば修正
  • 技術的に不正確/不明瞭な記述がないかチェック

Description

標準Markdown構文 ![alt](url) で画像キャプションを表示。alt-textが自動的に <figcaption> としてレンダリングされる。

Changes

render-image.html の追加

• Hugoのレンダーフックを実装
• alt-textがある場合: <figure> + <figcaption> でラップ
• alt-textがない場合: 通常の <img> として表示
• loading="lazy" を追加

CSSスタイリング

• キャプションを中央揃え、グレー斜体で表示
• 適切なマージンとスペーシング

Hugo非推奨API修正

• .Site.IsServer → hugo.IsServer
• .Site.GoogleAnalytics → site.Config.Services.GoogleAnalytics.ID

Usage

![NuPhy Air60キーボード](nuphy-air60.webp)

Screenshot

画像下にキャプションが表示される:

Original prompt

---

This section details on the original issue you should resolve

<issue_title>画像のキャプションを表示する</issue_title>
<issue_description>できるだけ独自記法にならない形で実装したい。</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes 画像のキャプションを表示する #248

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.