Docusaurus | HKDocs

📄️ Cloud Run と Value Domain で Docusaurus サイトにカスタムドメインを設定する手順

この記事では、Google Cloud Run でホスティングしている当サイト（Docusaurus）に、Value Domain で取得したカスタムドメイン hkdocs.com を設定した際の手順を整理します。

この記事では、Algolia DocSearch を使用して、サイト内検索機能を設定した際の手順と課題解決の経緯を整理します。

この記事では、Docusaurusのローカル環境開発時のために、Docker Composeを導入した際の手順を整理します。

この記事では、Github Actions 新規の記事を検知し、TwitterカードとしてXへPOSTする実装した際の手順とトラブルシューティングの記録を整理します。

この記事では、Docusaurusサイトのナビゲーションバーにアイコンや特定の記号を表示させるための主要な編集パターンを3つ整理します。

この記事では、DocusaurusサイトにReactとTypeScriptを利用して、クライアントサイドで動作するシンプルなブラウザメモ機能を実装した際の主要な仕様と技術的ポイントを整理。

この記事では、Docusaurus で構築したサイトに多言語対応（i18n）機能を実装し、日本語（デフォルト）と英語のコンテンツを切り替えられるように設定した際の手順を整理します。

この記事では、Docusaurus v3 で構築したサイトに国際化（i18n）機能を追加した際、直面した2つの厄介な問題、「クライアントサイドのルーティング崩壊」と「Cloud Runでのコンテナ起動失敗」について、その原因特定から解決までの道のりを記録したものです。

Docusaurusサイトの主要UI、ナビゲーションバーとフッターを国際化（i18n）編集した際の備忘録として整理します。

Docusaurusで構築した当サイトにGoogle Analytics 4 (GA4) を導入し、アクセス解析を行うための設定手順を備忘録として整理します。

当サイト（Docusaurus）のドキュメント記事に、情報の鮮度を示す「最終更新日」を表示させる簡単な実装方法の整理。

Docusaurusで構築した多言語（i18n）サイトへのAlgolia DocSearch導入時、検索結果に複数言語が混在するという課題への直面。日本語での検索時に英語ページがヒットするなど、ユーザー体験を損なう事態が発生しがちです。

以前に実装したブラウザメモ機能に対し、ユーザーからのフィードバックと技術的課題に基づき、大幅な機能改善を実施。

ここでは、サイト内に国内外のニュースサイトを一覧できる「ニュースページ」を実装した際の備忘録として整理します。

このサイトの各記事に、SNSでコンテンツを共有するためのシェアボタンを設置しました。この記事では、その実装プロセスと、背景にある技術的な判断について記録します。

このサイトのコンテンツ管理を効率化するため、ヘッドレスCMSであるDecap CMS（旧Netlify CMS）を導入しました。この記事では、その導入プロセスと技術的な判断、そして遭遇した問題の解決策について記録します。

以前の記事で、DocusaurusサイトにDecap CMSを導入した方法について解説しました。導入によってコンテンツ更新の基盤は整いましたが、実際に日々利用する中で、特にモバイル環境での使い勝手や定型入力の効率化に改善の余地があると感じていました。

Docusaurusで構築したサイトを多言語対応（i18n）させる際、記事本文やUIパーツの翻訳は標準的な手順でスムーズに行えます。しかし、サイト上部に表示する「アナウンスメントバー（Announcement Bar）」の翻訳に関しては、少し特殊な対応が必要でした。

以前実装したブラウザメモおよび URL共有機能に続き、今回はMermaid記法によるダイアグラム描画機能を追加実装しました。

コンテンツへの共感を可視化し、サイト運営のモチベーションを高めるため、各記事に「GitHubスターの応援ボタン」を設置しました。

HKdocsの継続的な開発・運用費を賄うため、Stripe Payment Linkを使った寄付（投げ銭）ボタンを実装しました。