搭建可爱的Mix Space博客系统

2022 年 12 月 28 日 星期三(已编辑)
/ , ,
837
12
AI 生成的摘要
Mix Space 是一款简洁而不简单的个人博客系统,它具有良好的动效设计,可爱的风格,以及比较丰富的功能。它够快,更现代,其活跃的开源社区能让你享受到新技术栈带来的惊艳。
这篇文章上次修改于 2024 年 11 月 22 日 星期五,可能部分内容已经不适用,如有疑问可询问作者。

搭建可爱的Mix Space博客系统

Mix Space 是一款简洁而不简单的个人博客系统,它具有良好的动效设计,可爱的风格,以及比较丰富的功能。 它够快,更现代,其活跃的开源社区能让你享受到新技术栈带来的惊艳。

自 Core v5.7.5 版本开始,Docker 相关配置发生重大变化,kami前端部分仅供参考建议查阅最新官方文档!此教程已不再适用最新Core / Shiro部署;请阅读最新部署教程!

https://www.vlo.cc/posts/jc/mix-deploy

https://www.vlo.cc/posts/jc/shiro

环境准备:

操作系统:建议最新的 Ubuntu / Debian ,或其他 Linux 内核版本不小于 4.19 的发行版本

Linux 内核版本:不小于 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 version 20.10.21+Docker-compose version 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

安装nvm 用于管理Node.js版本

打开终端,使用一键脚本,可以便捷地安装 nvm:

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

重启终端即可生效

安装 Node.js 最新的 LTS 版本:

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

切换到最新的 tag

cd kami && git fetch --tags && git checkout $(git rev-list --tags --max-count=1)

拉取图片文件

git lfs fetch --all
git lfs pull
注意:如果无法正常拉取,可以到 GitHub 上手动下载文件并放到相应目录。

配置文件

复制 .env.example 为 .env

cp .env.example .env

编辑 .env 文件,它看起来应该是这个样子的

#API 地址
NEXT_PUBLIC_API_URL=https://server.test.cn/api/v2
#GATEWAY 地址
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
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...