Mizuki二次元静态博客模板部署教程

今天分享一个好看的静态博客模板，它就是Mizuki主题，一个基于Astro的现代化静态博客模板，可以满足绝大多数的需求

使用前必看

在开始使用Mizuki主题之前，需要确保系统满足以下要求：
Node.js>=20
pnpm>=9
Git

node.js安装

下载并安装 nvm

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

重启 shell

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

下载并安装node.jsv24.11.1

nvm install 24

验证Node.js版本

node -v

验证npm版本

npm -v 

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

npm install -g pnpm

验证pnpm版本

pnpm -v

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

git安装

Ubuntu、Debian安装

sudo apt-get install git-core

CentOS安装

sudo yum install git-core

windows安装

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

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

将克隆Mizuki项目到本地

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

然后cd到当前目录

cd Mizuki

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

pnpm install

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

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

pnpm dev

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

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

pnpm build

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

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

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

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