准备工作
- 一个好用的大脑
- 一个Edgeone账号(要求有EO套餐)
- 一个好用的域名
开始~
首先本站用的是Mizuki Mizuki是基于Fuwari主题Astro框架
1.调整EO
打开腾讯云的官网 然后在搜索框里搜索EO
点击立即使用的按钮 然后没有登录的话要登录一下 登录好了就是这个界面了:
然后点击 Pages按钮
然后先把EO放一边
2.把Mizuki弄到本地
然后我们在桌面上面创建一个文件夹 像这样:
我们点击地址栏 输入CMD
打开就是这个界面了
安装npm
如果你的电脑安装了npm 请跳过这个步骤
如果你的电脑没有安装npm 请按照下面的安装~
访问 Node.js 官网 下载并安装最新版本的 Node.js。建议使用 LTS 版本。
安装完成后,打开终端或命令提示符,运行以下命令验证 Node.js 是否安装成功:
node -vnpm -v
如果显示版本号,则表示安装成功。
安装pnpm
如果你的电脑安装了pnpm 请跳过这个步骤
如果你的电脑尚未安装 pnpm,可以通过 npm 安装:
npm install -g pnpm
安装完成后,打开终端或命令提示符,运行以下命令验证 pnpm 是否安装成功:
pnpm -v
如果显示版本号,则表示安装成功。
安装Git
如果你的电脑安装了git 请跳过这个步骤
访问 Git 官网 下载并安装适合您操作系统的 Git 版本。
安装完成后,打开终端或命令提示符,运行以下命令验证 Git 是否安装成功:
git --version
如果显示版本号,则表示安装成功。
一切准备就绪 那就让我们开始
1.克隆izuki到本地
首先,克隆 Mizuki 项目到本地:
git clone https://github.com/matsuzaka-yuki/mizuki.gitcd Mizuki
2.安装依赖
使用 pnpm 安装项目依赖:
pnpm install
3.修改博客
在启动项目之前,您需要根据自己的需求进行配置:
- 编辑
src/config.ts
文件来自定义博客设置 - 更新站点信息、主题颜色、横幅图片和社交链接
- 配置翻译设置和特殊页面功能
4.启动开发服务器
如果你觉得修改好了 像看看效果 请:
运行以下命令启动开发服务器:
pnpm dev
启动成功后,您可以在浏览器中访问 http://localhost:4321
查看您的博客。
5.外观改好了 那么就开始写文章吧
输入
pnpm new-post 文章标题
创建一个博客文章 存储在\src\content\posts 然后用markdown编辑器 如果不知道markdown是啥的 就去我的文章里面看看(包含编辑器的推荐和基本语法)都5202年了,还有人不会用Markdown写文章? - TNTのBLOG
当你们文章也写好了 就可以构建了
6.构建网站
运行以下命令将网站打包成静态文件,生成到 dist
目录中:
pnpm build
3.创建EOPages
我们创建一个项目~
点击直接上传
然后我们等他上传好了等他部署完 就点击添加自定义域名
4.进阶功能
1.怎么指定文章?
在markdown开头添加
pinned: true
为true
就是置顶false
就是不置顶
5.结尾
那么你已经掌握怎么用EOPages搭建Mizuki博客系统了 你学会了吗?