閲覧数 集計中...
ブログ開発ログ 03
Devlog Bug Fix
発生していたパス問題
記事ページで他言語ボタンを押すと 404 ページに飛ぶケースがあった。該当言語の MD ファイルをまだ用意していないため発生しており、次のようにリファクタリングして解決した。
解決策: 存在しない言語は言語ピッカーに出さない
getStaticPathsで同じ slug の別言語バージョンをMapに集計し、各ポストへavailableLangs配列を props として渡すように変更。BlogPostレイアウトがこの配列をFloatingLanguagePickerに渡し、実際に存在する言語のみ表示するようロジックを修正した。
hun-bot.dev ドメインを Cloudflare DNS で取得
- これまでは
.vercel.appで提供していたが、Cloudflare Registrar でhun-bot.devを取得し DNS を設定。 astro.config.mjsのsite、src/consts.tsのSITE_URL、robots.txtなど、すべての固定 URL をhttps://hun-bot.dev基準に統一してビルド成果物が新ドメインを指すようにした。
SEO / Discovery の整備
ドメインを切り替えたタイミングで SEO パイプラインを全面的に見直した。
-
BaseHead のリファクタ
hreflangセット / canonical / Open Graph locale / JSON フィードリンク / Search Console 用メタを一括で計算するように整理。SupportedLanguage型とマッピングテーブルでko/jp/en→ko-KR/ja-JP/en-USを安定的に出力。
-
Sitemap / Robots の再構成
public/robots.txtにsitemap.xmlとsitemap-index.xmlの両方を記載し、Hostも新ドメインへ。- ビルド時に生成される
dist/sitemap-0.xmlが新 URL で埋まることを確認。
Giscus コメントを追加
src/components/GiscusComments.astroを作り、BlogPostレイアウトの末尾に配置。.envに Giscus の環境変数を入れれば GitHub Discussions スレッドが自動で紐づく。PUBLIC_GISCUS_REPO_ID,PUBLIC_GISCUS_CATEGORY_IDなどが空の場合は「コメント無効」の案内ボックスだけを表示するフォールバックを追加。
TODO
- ライトテーマでコードブロックのコントラストが足りず読みにくい。v04 でスタイルを修正予定。
댓글