この記事の最終更新日: 2023年2月2日
Docusaurusは、静的Webサイト作成フレームワークです。使い方は以下の手順で行います:
- Docusaurusのインストール:Node.jsとnpmがインストールされていることが前提です。ターミナルから、「npm install -g docusaurus-init」と入力してインストールします。
- ‘$ mkdir docusaurus-your-porject’ ‘$ cd docusaurus-your-porject’で、作業プロジェクトディレクトリに入ります。
- プロジェクトの作成:「docusaurus-init」コマンドを使用すると、セットアップが開始されます(「docusaurus-init my-project」と入力すると、「my-project」という名前の新しいプロジェクトが作成されます。)
- サイトの設定:「my-project」ディレクトリ内に移動し、「siteConfig.js」ファイルを編集してサイトのタイトルや説明、ソーシャルリンクなどを設定します。
- コンテンツの作成:「docs」ディレクトリ内にMarkdown形式のドキュメントを作成します。
- サイトのビルド:package.jsonが存在するディレクトリ、今回でいう「website」ディレクトリで、「npm run start」コマンドを使用して、サイトをビルドしてローカルサーバーを起動します。ブラウザで「http://localhost:3000」にアクセスすると、作成したサイトが表示されます。
これらの手順を行えば、簡単にDocusaurusを使って静的Webサイトを作成することができます。
大阪のエンジニアが書いているブログ。
コメント