Docusaurus ナビゲーションアイコン編集:3つのアプローチ
· 約6分
当サイトがお役に立ちましたら、ご支援の程お願い致します
この記事では、Docusaurusサイトのナビゲーションバーにアイコンや特定の記号を表示させるための主要な編集パターンを3つ整理します。
1. テキスト・記号による表示
ナビゲーションアイテムにアイコンや記号を表示する最も直接的かつ簡単な方法。Docusaurusの設定ファイル内でlabelプロパティに直接記述することで実現。
この記事では、Docusaurusサイトのナビゲーションバーにアイコンや特定の記号を表示させるための主要な編集パターンを3つ整理します。
ナビゲーションアイテムにアイコンや記号を表示する最も直接的かつ簡単な方法。Docusaurusの設定ファイル内でlabelプロパティに直接記述することで実現。
この記事では、Github Actions 新規の記事を検知し、TwitterカードとしてXへPOSTする実装した際の手順とトラブルシューティングの記録を整理します。
機能: Github Actions で新規投稿を検知し、TwitterカードとしてXへPOSTする
この記事では、Docusaurusのローカル環境開発時のために、Docker Composeを導入した際の手順を整理します。
背景:
ローカル開発環境の統一とセットアップの簡略化を目的とし、Docusaurus (v3.8.0) プロジェクトにDocker Composeを導入した。導入前は、Node.js (v22.16.0) およびpnpm (v10.11) を開発者のローカルマシンに直接インストールして運用していた。
この記事では、Algolia DocSearch を使用して、サイト内検索機能を設定した際の手順と課題解決の経緯を整理します。
参考:
採用サービス:
この記事では、Google Cloud Run でホスティングしている 当サイト(Docusaurus)に、Value Domain で取得したカスタムドメイン hkdocs.com を設定した際の手順を整理します。
前提環境:
hkdocs.com (Value Domain で取得済み)