Reactreactの静的サイトジェネレーターである「Docusaurus」をインストールしてブログを作成する手順を記述してます。環境はcentos8です。最新版のnodeとyarnをインストールする手順はこちらDocusaurus構築プロジェクトを構築します。ここでは「test-site」という名前で作成してます。classic作成したプロジェクトに移動します。0.0.0.0起動します。0.0.0.0」を指定します。Docusaurus設定サイト名称などの基本情報は、プロジェクト配下にある「docusaurus.config.js」を編集します。ブログの編集や作成は、プロジェクト配下にある「blog」ディレクトリでmarkdownを編集して行います。「2019-06-30-welcome.md」を追加して、記事を投稿してみます。2019-06-30-welcome.mdを以下のように編集します。World記事が追加されたことが確認できます。ビルドを実行すると静的なファイルがプロジェクト配下の「build」ディレクトリに生成されます。2020.03.16ライブラリ「react-custom-scrollbars」をインストールすると、スクロールバーの作成が可能です。2020.04.09ライブラリ「react-modal」をインストールすると、モーダルの実装が簡単に可能です。2020.03.22ライブラリ「react-spinkit」をインストールすると、数種類のローディングアイコンの利用が可能です。2020.03.12ライブラリ「react-toastify」をインストールすると、アラート機能の実装が簡単に可能です。2022.03.18React.jsで、簡単なカウンターを作成する手順を記述してます。2021.03.31ライブラリ「react-color-palette」をインストールすると、カラーピッカーを作成することが可能です。2021.08.27ライブラリ「react-carousel-minimal」をインストールすると、カスタマイズ性の高いをカルーセルを実装することが可能です。2021.01.09ライブラリ「react-inner-image-zoom」をインストールすると、画像をZOOMさせて表示することが可能です。2021.06.02ライブラリ「react-spline」をインストールすると、アニメーションを作成することが可能です。2021.03.10ライブラリ「react-simple-options-selector」をインストールすると、optionタイプのボタンを作成することが可能です。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。