※注意:以下は生成AIにて作成した記事になります。実際に行った手順は記載のとおりですが、一部実際と異なる可能性があることをご理解ください 🚀 Hugo × Cusdis コメント機能のカスタマイズと高さ調整の改善 こんにちは！今回は、Hugo を使った静的サイトに Cusdis を導入し、以下の点をカスタマイズして使いやすくしました。 ✅ Cusdis の UI を日本語化 ✅ iframe の高さを自動調整し、スクロール不要に ✅ Azure での安定動作を考慮し、元の高さ調整方法に戻す 1. Cusdis の導入と基本設定 Hugo のカスタムコメント機能として、Disqus の代替となる Cusdis を選びました。以下の手順で導入しました。 📌 Hugo に Cusdis を組み込む layouts/partials/comments.html を作成 し、以下のコードを追加。 Cusdis の App ID を取得し、ページに埋め込む。 日本語の UI 設定 を追加。 <div id="cusdis_thread" data-host="https://cusdis.com" data-app-id="あなたのApp ID" data-page-id="{{ .Permalink }}" data-page-url="{{ .Permalink }}" data-page-title="{{ .Title }}" data-lang="ja"> <!-- ✅ 言語を日本語に設定 --> </div> <!-- Cusdis の UI 日本語化 --> <script> window.

※注意:以下は生成AIにて作成した記事になります。実際に行った手順は記載のとおりですが、一部実際と異なる可能性があることをご理解ください 感動のデプロイ！～エラー修正とHugoサイトコンテンツ作成ガイド～ はじめに この度、Azure Static Web Apps へのデプロイに成功しました！ 数々のエラーを乗り越え、技術と挑戦の結晶としてこの瞬間を迎えられた喜びは、言葉では表しきれません。 ここでは、デプロイ時に発生した以下の2つのエラーの修正方法と、Hugo を用いたサイトコンテンツの作成手順をご紹介します。 発生したエラーとその修正方法 エラー1: Hugo バージョンの不整合 エラーメッセージ例: WARN Module "ananke" is not compatible with this Hugo version: Min 0.128.0; run "hugo mod graph" for more information. 原因: Ananke テーマは Hugo のバージョン 0.128.0 以降を必要としますが、ビルド時に使用されていた Hugo バージョンが 0.124.1 だったため、この警告が発生しました。 解決策: GitHub Actions のワークフローで Hugo のバージョンを上書きするため、環境変数 HUGO_VERSION を指定します。 以下のように、ワークフローの該当ジョブに環境変数を追加してください。 - name: Azure Static Web Apps Deploy uses: Azure/static-web-apps-deploy@v1 env: HUGO_VERSION: '0.128.0' # Hugo バージョンを指定 with: azure_static_web_apps_api_token: ${{ secrets.