Mobile wallpaper 1
873 字
4 分钟
保姆级!怎么用EOPages搭建一个和本站一样的博客
2025-09-13
浏览量:加载中...访问次数:加载中...

准备工作#

  • 一个好用的大脑
  • 一个Edgeone账号(要求有EO套餐)
  • 一个好用的域名

开始~#

首先本站用的是Mizuki Mizuki是基于Fuwari主题Astro框架

1.调整EO#

打开腾讯云的官网 然后在搜索框里搜索EO

image-20250913194459853

image-20250913194602650

点击立即使用的按钮 然后没有登录的话要登录一下 登录好了就是这个界面了:image-20250913194744798

然后点击 Pages按钮

image-20250913194859488

然后先把EO放一边

2.把Mizuki弄到本地#

然后我们在桌面上面创建一个文件夹 像这样:

image-20250913195409687

我们点击地址栏 输入CMDimage-20250913195604403

打开就是这个界面了image-20250913195645679

安装npm#

如果你的电脑安装了npm 请跳过这个步骤

如果你的电脑没有安装npm 请按照下面的安装~

访问 Node.js 官网 下载并安装最新版本的 Node.js。建议使用 LTS 版本。

安装完成后,打开终端或命令提示符,运行以下命令验证 Node.js 是否安装成功:

Terminal window
node -v
npm -v

如果显示版本号,则表示安装成功。

安装pnpm#

如果你的电脑安装了pnpm 请跳过这个步骤

如果你的电脑尚未安装 pnpm,可以通过 npm 安装:

Terminal window
npm install -g pnpm

安装完成后,打开终端或命令提示符,运行以下命令验证 pnpm 是否安装成功:

Terminal window
pnpm -v

如果显示版本号,则表示安装成功。

安装Git#

如果你的电脑安装了git 请跳过这个步骤

访问 Git 官网 下载并安装适合您操作系统的 Git 版本。

安装完成后,打开终端或命令提示符,运行以下命令验证 Git 是否安装成功:

Terminal window
git --version

如果显示版本号,则表示安装成功。

一切准备就绪 那就让我们开始#

1.克隆izuki到本地#

首先,克隆 Mizuki 项目到本地:

Terminal window
git clone https://github.com/matsuzaka-yuki/mizuki.git
cd Mizuki

2.安装依赖#

使用 pnpm 安装项目依赖:

Terminal window
pnpm install

3.修改博客#

在启动项目之前,您需要根据自己的需求进行配置:

  • 编辑 src/config.ts 文件来自定义博客设置
  • 更新站点信息、主题颜色、横幅图片和社交链接
  • 配置翻译设置和特殊页面功能

4.启动开发服务器#

如果你觉得修改好了 像看看效果 请:

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

Terminal window
pnpm dev

启动成功后,您可以在浏览器中访问 http://localhost:4321 查看您的博客。

5.外观改好了 那么就开始写文章吧#

输入

Terminal window
pnpm new-post 文章标题

创建一个博客文章 存储在\src\content\posts 然后用markdown编辑器 如果不知道markdown是啥的 就去我的文章里面看看(包含编辑器的推荐和基本语法)都5202年了,还有人不会用Markdown写文章? - TNTのBLOG

当你们文章也写好了 就可以构建了

6.构建网站#

运行以下命令将网站打包成静态文件,生成到 dist 目录中:

Terminal window
pnpm build

3.创建EOPages#

我们创建一个项目~image-20250913201903356

点击直接上传image-20250913202010888

image-20250913202307563

image-20250913202443306

然后我们等他上传好了等他部署完 就点击添加自定义域名

4.进阶功能#

1.怎么指定文章?#

在markdown开头添加 image-20250913202852352

pinned: truetrue就是置顶false就是不置顶

5.结尾#

那么你已经掌握怎么用EOPages搭建Mizuki博客系统了 你学会了吗?

保姆级!怎么用EOPages搭建一个和本站一样的博客
https://blog.tnto.fun/posts/11/
作者
TNTAWA
发布于
2025-09-13
许可协议
CC BY-NC-SA 4.0