node.js安装#

下载并安装 nvm

1
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

如果你使用的是国内服务器，可以使用这个命令安装

1
curl -o- https://gitee.com/mirrors/nvm/raw/v0.40.1/install.sh | bash

重启 shell

1
\. "$HOME/.nvm/nvm.sh"

下载并安装node.jsv24.11.1

1
nvm install 24

验证Node.js版本

1
node -v

验证npm版本

1
npm -v

如果您尚未安装 pnpm，可以通过npm安装：

1
npm install -g pnpm

验证pnpm版本

1
pnpm -v

以上分享的是Linux安装node.js的方法，如果使用的是windows可以前往node.js官网查看具体安装方法

{cloud title=“windows版nodejs教程” type=“default” url=“https://nodejs.org/zh-cn/download” password=""/}

git安装#

Ubuntu、Debian安装

1
sudo apt-get install git-core

CentOS安装

1
sudo yum install git-core

windows安装 {cloud title=“Windows版Git下载” type=“default” url=“https://git-scm.com/download/win” password=""/}

如果没有你使用的操作系统可以访问Git官网下载并安装适合您操作系统的git版本。

环境都准备好了之后，现在来部署Mizuki

将克隆Mizuki项目到本地

1
git clone https://github.com/matsuzaka-yuki/mizuki.git

如果你使用的是国内服务器下载慢的话，可以使用这个命令下载

1
git clone https://gh.llkk.cc/https://github.com/matsuzaka-yuki/mizuki.git

然后cd到当前目录

1
cd Mizuki

下一步使用pnpm安装项目依赖：

1
pnpm install

在启动项目之前，您需要根据自己的需求进行配置，编辑src/config.ts文件来自定义博客设置，更新站点信息、主题颜色、横幅图片和社交链接等等配置

运行以下命令启动开发服务器

1
pnpm dev

完成之后在浏览器访问http://localhost:4321查看你的博客

运行下面这个代码将网站打包成静态文件，会生成并保存在dist目录里

1
pnpm build

生成的dist目录可以部署到您自己的服务器上，也可以放置在github或者vercel，虚拟主机也可以

该项目是没有后端的，无需数据库，纯前端项目，所以需要手动编辑配置文件

建议部署在Vercel上，可以实现所做的任何更改都将自动被部署，更方便快捷

{card-describe title=“使用教程”} 如果你部署完不会使用，可以去https://docs.mizuki.mysqil.com查看具体使用教程 {/card-describe}

以上就是Mizuki静态博客部署的完整教程，感谢大家的支持