Firefly/流萤 - astro博客搭建教程
841 字
4 分钟
Firefly/流萤 - astro博客搭建教程

简单介绍Firefly
GitHub仓库地址-Firefly
Firefly是一个由 Fuwari 模版开发的astro静态Blog主题,新增加了加密文章,bangumi动画分享,友链等的页面,内容性能高并且可用性十分强大
功能特性
Astro + Tailwind CSS - 基于现代技术栈的超快静态站点生成 流畅动画 - Swup 页面过渡动画,提供丝滑的浏览体验 响应式设计 - 完美适配桌面端、平板和移动设备 多语言支持 - i18n 国际化,UI支持简体中文、繁体中文、英文、日文、俄语 全文搜索 - 基于 Pagefind 的客户端搜索,支持文章内容索引 动态侧边栏 - 支持配置单侧边栏、双侧边栏 文章布局 - 支持配置(单列)列表、网格(多列/瀑布流)布局 字体管理 - 支持自定义字体,丰富的字体选择器 页脚配置 - HTML 内容注入,完全自定义 亮暗色模式 - 支持亮色/暗色/跟随系统三种模式 导航栏自定义 - Logo、标题、链接全面自定义 壁纸模式切换 - 横幅壁纸、全屏壁纸、全屏透明壁纸、纯色背景 主题色自定义 - 360° 色相调节部署教程
自部署
自部署非常简单,我以1panel举例

在自己电脑这边,可以用一下指令拉取GitHub仓库的内容
git clone https://github.com/CuteLeaf/Firefly.git可以看到一下内容

||--src |--content 这是独立文章和独立页面内容的储存位置 |--config 项目将原本Fuwari的单个设置文件拆散,放置在这个独立的文件夹内,里面的文件对应者站点的各种内容的调整要添加新的文章可以用一下指令:
pnpm new-post 文章名称在content里添加完你自己文章后,就可以使用另外的指令进行编译了
pnpm build如果要看一下编译的结果,可以通过一下命令查看:
pnpm preview将build目录里的文件放到自己服务器nginx的静态目录里面就可以正常访问了
vercel部署
方法一:通过 Vercel 控制台
将你的项目推送到 GitHub / GitLab / Bitbucket 登录 Vercel,点击 Add New … → Project 导入你的仓库 Vercel 会自动检测 Astro 框架,配置如下: Application Preset: Astro Build Command: pnpm build Output Directory: dist Install Command: pnpm install 设置 Node.js 版本:进入 Settings → General → Node.js Version,选择 22.x 点击 Deploy方法二:使用 vercel.json 在项目根目录创建 vercel.json:
{ "framework": "astro", "buildCommand": "pnpm build", "outputDirectory": "dist", "installCommand": "pnpm install"}结语
Firefly还是非常值得站长尝试自建的,利用GitHub,Cloudflare Pages/vercel可以完全不用租用自己的服务器就可以自建出完全可以使用,并且非常好看的个人Blog了,期待你们都能构建出一个适合自己的Blog站点,一起分享生活的点点滴滴! ξ( ✿>◡❛)
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!
Firefly/流萤 - astro博客搭建教程
https://www.cacablog.top/posts/fireflysite/相关文章智能推荐
1
排查三天的网络问题,结局令人动容
疑难解决在 ente 的使用的时候发现,ente 的相册大部分时间的加载的速度只能在 200kb/s 左右,且这个具有一点时序性
2
近期有趣的网站和软件收集(2026-8-18)
资源收集BiliPai 是一个基于 Kotlin 与 Jetpack Compose 的第三方 Bilibili Android 客户端,覆盖视频、番剧、直播、动态、消息、离线缓存等日常使用流程,并支持插件扩展与平板/折叠屏等大屏形态。
3
我常用的通信软件推荐
软件推荐Matrix 是一个标准。任何符合标准的软件都可能加入 Matrix 网络中,任何两个使用 Matrix 协议的用户都可以随意跨网络会话。 拥有私聊、群聊、空间(群中群)、消息列(Thread)、表情回应、消息编辑、可选的已读回执、语音视频、机器人、应用集成、时间线、等等……
4
2个月Fedora Kinoite不可变发行版使用体验
系统体验Fedora的不可变发行版,如果你能够接受命令行在一些情况下可能不同,或者修改系统的软件的时候需要重启,那他绝对是一个很好的选项
5
VPS自用bash脚本推荐
VPS2026-08-16
随机文章随机推荐

