可愛いMix Spaceブログシステムの構築

Mix Space は、シンプルでありながら複雑さを持つ個人ブログシステムであり、優れたアニメーションデザイン、かわいいスタイル、そして比較的豊富な機能を備えています。
それは速く、より現代的であり、活発なオープンソースコミュニティによって新しい技術スタックの魅力を楽しむことができます。

環境の準備:#

オペレーティングシステム：最新の Ubuntu / Debian、またはカーネルバージョン 4.19 以上のリリースバージョンが推奨されます。

カーネルバージョン：4.19 以上、5.x が推奨されます。

推奨メモリ：1 GiB 以上のメモリ要件の説明：

ビルドに必要なメモリ：1 GiB 以上
実行に必要なメモリ：768 MiB 以上

このサイトの環境#

サーバー CentOS Linux release 7.9.2009 (Core) カーネルバージョン 6.0.10-1.el7.elrepo.x86_64
Docker バージョン 20.10.21+Docker-compose バージョン 1.29.1
Node.js v16.18.1 npm v8.19.2 nvm v0.39.2

CentOS を使用している場合、デフォルトのカーネルバージョンは要件を満たしていない場合がありますので、Linux のカーネルバージョンをアップグレードする必要があるかどうかを確認してください。#

環境の準備#

ソフトウェアパッケージのインストール#

Debian / Ubuntu

apt update && apt install git curl vim wget git-lfs -y

CentOS

yum check-update && yum install git curl vim wget git-lfs -y

Docker のインストール#

サーバーに SSH 接続し、ワンクリックスクリプトを使用して Docker と Docker Compose を簡単にインストールできます：

curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun

Node.js のバージョン管理のための nvm のインストール#

ターミナルを開き、ワンクリックスクリプトを使用して nvm を簡単にインストールできます：

bash -c "$(curl -fsSL https://gitee.com/RubyKids/nvm-cn/raw/master/install.sh)"

ターミナルを再起動して有効にします。

最新の LTS バージョンの Node.js をインストールします：

nvm install --lts

必要なモジュールをインストールします：

npm i -g pnpm pm2

Mix Space のデプロイを開始する#

このサイトは手動でデプロイされます。他のデプロイ方法については、公式ドキュメントhttps://mx-space.js.org/ を参照してください。

Core のデプロイ#

Docker でのデプロイ#

#フォルダを作成
cd && mkdir -p mx-space/core && cd $_
#docker-compose.ymlファイルを取得
wget https://fastly.jsdelivr.net/gh/mx-space/core@master/docker-compose.yml
#Coreの設定ファイルを取得
wget https://fastly.jsdelivr.net/gh/mx-space/core@master/.env.example -O .env

.env ファイルを編集します：

#THIS ENV FILE EXAMPLE ONLY FOR DOCKER COMPOSE
#SEE https://docs.docker.com/compose/environment-variables/#the-env-file
JWT_SECRET=7294c34e0b28ad28          #ここには16文字以上32文字以下の文字列を入力してください
ALLOWED_ORIGINS=test.cn,www.test.cn  #ここには許可されたドメイン、通常はkamiのドメインを入力します。複数のドメインを許可する場合は、英語のカンマ,で区切ります

次に、バックエンドを起動できます。

docker compose up -d

kami Mix のデプロイ#

ソースファイルの取得#

cd && cd mx-space
git clone https://github.com/mx-space/kami.git --depth 1
#クローンが遅い場合は、以下のミラーアドレスを使用できます
git clone https://github.1qi777.com/mx-space/kami.git --depth 1

画像ファイルの取得#

git lfs fetch --all
git lfs pull
注意：正常に取得できない場合は、GitHubからファイルを手動でダウンロードして適切なディレクトリに配置してください。

設定ファイル#

.env.example を.env にコピーします

cp .env.example .env

.env ファイルを編集し、次のようになるようにします

#APIのURL
NEXT_PUBLIC_API_URL=https://server.test.cn/api/v2
#GATEWAYのURL
NEXT_PUBLIC_GATEWAY_URL=https://server.test.cn
#フロントエンドで使用する設定項目の名前
NEXT_PUBLIC_SNIPPET_NAME=kami
#CDNを使用する場合、プレフィックスを変更します。通常は空のままにします
ASSETPREFIX=

ビルド#

ここでは、パッケージマネージャーとして pnpm を使用します。

pnpm i

pnpm build

フロントエンドの起動#

pnpm prod:pm2
#オプション
pm2 start

华岁呀Huasui