博客部署

465 字
2 分钟
博客部署

🚀 本地开发部署(从零开始)#

环境要求#

  • Node.js >= 22
  • pnpm >= 9

1. 克隆仓库#

你可以直接克隆主仓库,但更推荐先 Fork 到自己名下再克隆:

Terminal window
git clone https://github.com/jeio258/Firefly.git
cd Firefly

2. 安装依赖#

Terminal window
npm install -g pnpm # 如果尚未安装 pnpm
pnpm install

3. 创建 GitHub OAuth App(友链审核功能必需)#

前往 GitHub Developer Settings 新建一个 OAuth App:

  • Application name:任意填写,如 My Blog Admin
  • Homepage URL:你的博客首页地址
  • Authorization callback URLhttps://你的Worker域名/api/auth/callback

创建完成后,你将获得 Client IDClient Secret
接着生成一个具有 repo 权限的 Personal Access Token,用于向仓库推送友链数据。

4. 配置 Cloudflare 环境变量#

登录 Cloudflare Dashboard,进入你的 Worker 设置,添加以下加密环境变量:

变量名说明
GITHUB_CLIENT_ID上一步获取的 OAuth App Client ID
GITHUB_CLIENT_SECRETOAuth App Client Secret
GITHUB_TOKEN拥有 repo 权限的 Personal Access Token
GITHUB_REPO仓库全名,例如 CuteLeaf/Firefly
GITHUB_BRANCH要推送的分支,一般为 main

配置无误后,友链审核后台即可正常工作。

5. 自定义博客配置#

所有可配置项都在 src/config/ 目录下,推荐至少修改以下文件:

  • siteConfig.ts:站点名称、语言、域名等基础信息
  • profileConfig.ts:个人头像、昵称、社交链接
  • navBarConfig.ts:导航菜单
  • sidebarConfig.ts:侧边栏布局与小组件

更多细节见 Firefly 使用文档

6. 启动开发服务器#

Terminal window
pnpm dev

浏览器访问 http://localhost:4321 即可实时预览。


🧞 常用命令#

命令说明
pnpm install安装依赖
pnpm dev启动开发服务器 (localhost<4321>)
pnpm build构建生产版本至 ./dist/
pnpm preview本地预览构建结果
pnpm new-post <filename>快速创建新文章
pnpm format格式化代码

现在,你可以轻松打造属于自己的个性博客了。如果在使用中遇到任何问题,欢迎到 GitHub Issues 反馈,或加入 QQ 交流群:1087127207 一起讨论。

支持与分享

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

打赏
博客部署
https://blog.994613.xyz/posts/friend-link/
作者
临渊羡鱼
发布于
2026-07-15
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
临渊羡鱼
公告
欢迎来到我的博客!这是一则示例公告。
分类
标签
站点统计
文章
2
分类
1
标签
1
总字数
1,343
运行时长
0
最后活动
0 天前
站点信息
构建平台
Cloudflare Pages
博客版本
Firefly v6.16.4
文章许可
CC BY-NC-SA 4.0