视频加载失败

使用Firefly模板搭建个人网站

380 字
2 分钟
使用Firefly模板搭建个人网站

一、环境配置#

需要安装Node.js、Pnpm、Git、Github Desktop、VS Code

1.下载 Node.js#

下载地址:https://nodejs.org/zh-cn/download

2.安装 Pnpm#

在powershell中执行 npm install -g pnpm

3.安装 Git#

下载地址:https://git-scm.cn/install/windows

4.安装 Github Desktop#

下载地址:https://desktop.github.com/download/

5.下载 VS Code#

下载地址:https://code.visualstudio.com/Download?_exp_download=fb315fc982

二、Firefly库clone#

1.搜索Firefly Github库#

链接:https://github.com/CuteLeaf/Firefly

2.fork新建库#

3.本地创建文件夹-在文件夹中右键然后点击 Open Git Bash here#

4.clone库#

-git clone [新建库链接]

(注:如下载失败可能是因为网络超时,可在Git Bash中配置w网络代理 )

-git config --global http.proxy [代理地址]

6.网站预览#

打开本地服务器,获得localhost。

-pnpm dev

在浏览器中输入localhost,打开博客网站进行效果预览。

三、使用VSCode进行配置#

1.使用VSCode打开项目目录#

2.找到配置文件#

文件路径:src/config/README.md

3.自定义配置文档#

文档地址:https://docs-firefly.cuteleaf.cn/zh/guide/site.html

4.文章编写文档#

文档地址:https://docs-firefly.cuteleaf.cn/zh/guide/writing.html

四、在cloudflare部署上线#

1.修改根目录文件wrangler.jsonc中的信息#

(1)name改为项目名称”Leo”#

(2)compatibility_date同步上传时间。#

2.在VScode中将项目git托管更新#

打开终端执行三条命令

(1)暂存所有修改文件#

Terminal window
git add .

(2)创建版本快照 命名”Leo”#

Terminal window
git commit -m "Leo"

(3)将快照推送到 GitHub 远程仓库#

Terminal window
git push

3.将git项目上传Cloudflare进行部署#

Cloudflare网址:https://workers.cloudflare.com/

1.在左侧导航栏中选择 Build-Compute-Workers&Pages#

2.点击创建部署,绑定github项目进行部署#

(注:部署上传文件上限为25MB,超出会报错)

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

使用Firefly模板搭建个人网站
https://firefly.cuteleaf.cn/posts/myblog/
作者
DenebOla
发布于
2026-09-08
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
DenebOla
右手端汤 左握星屑
公告
动态会实时更新我的网站变动。
分类
标签
最新动态
站点统计
文章
4
分类
3
标签
4
总字数
1,487
运行时长
0
最后活动
0 天前
站点信息
构建平台
Cloudflare Workers
博客版本
Firefly v6.16.4
文章许可
CC BY-NC-SA 4.0