零成本搭建 Firefly(Astro)个人博客,AI 全自动部署教程置顶技术教程博客/Firefly/Astro/AI/部署/教程Windows 全流程保姆级教程:Fork 仓库 → Trae AI 自然语言驱动搭建 → 本地预览 → 写作发布 → Vercel / Cloudflare 免费部署,不用买服务器、不用背命令,小白跟着点就能上线自己的博客。
不用服务器,零成本搭建一个自己的个人博客置顶技术教程博客/Firefly/Astro/Cloudflare/静态博客博客系列第3期。从零开始搭建基于 Firefly (Astro) 的个人博客,使用 Cloudflare 免费部署,不用买服务器。
站点更新:背景视频、公告板与音乐播放器的一批打磨技术教程博客主题/Shirone/前端/CSS这轮折腾把流萤主题的背景视频搬了过来,顺手修掉了壁纸切换闪白、切页尺寸跳变、悬浮歌词误显示等一批老毛病,还给音乐悬浮唱片加了关闭按钮、给站点加了公告板。
全屏壁纸的两种性格:classic 揭幕与 hero 视差的实现细节技术教程全屏壁纸/视差滚动/CSS/博客主题/前端博客系列第16期。全屏壁纸模式下的两种布局:classic 壁纸随页滚动的揭幕式、hero 壁纸固定整屏的视差标题式。附首帧落位防闪烁、z-index 不能为负的原因、视差节流与记忆化写入。
从零加一个打赏页:配置驱动、二态卡片与页面可用性体系技术教程打赏/页面设计/配置驱动/Astro/博客主题博客系列第15期。新增 /sponsor/ 打赏页的全过程:扫码/外链二态卡片、打赏者名单网格、内容仓 YAML 配置驱动,以及「页面开关 × 功能开关」双重门控的页面可用性体系。
关于页改造:一张 MDX 卡片承载四个交互组件的内容复刻技术教程MDX/关于页/组件设计/博客主题/前端博客系列第14期。关于页不做多卡片拼盘,而是一张 MDX 卡片承载正文,人物悬浮卡、技术栈手风琴、魔改时间线、品牌色社交链接以 not-prose 区块嵌入正文流,附 MDX 内嵌组件的几个坑。