这个博客是怎么搭起来的

308 字
2 分钟
这个博客是怎么搭起来的
这个博客是怎么搭起来的

技术栈#

这个站点是一套纯静态的 Astro 博客:

部分选择说明
框架Astro静态输出,交互组件用 Svelte 岛
样式Tailwind CSS主题色、明暗模式都走 CSS 变量
搜索Pagefind构建时生成索引,纯前端检索
托管Cloudflare Pages连 GitHub 仓库,push 即自动构建部署
写作Pages CMS浏览器里的后台,提交即 commit

发布流程#

  1. 在 Pages CMS 里新建文章,填标题、发布时间、分类、标签,正文用富文本或 Markdown 写;
  2. 保存后它会把文件 commit 到 GitHub 仓库的 main 分支;
  3. Cloudflare Pages 检测到新提交,自动跑 pnpm build;
  4. 构建完成后一两分钟,线上就是新内容了。

如果直接改代码,本地跑一次 pnpm build && pnpm deploy 也能发布,两者互不冲突。

一些配置上的取舍#

  • 图片:文章配图放在 src/content/posts/images/(构建时优化成 avif/webp),后台传的图进 public/assets/images/uploads/,走原始文件不压缩。
  • 评论:用 giscus,评论存在 GitHub Discussions 里,不额外维护数据库。
  • 搜索与归档:都由构建时生成的静态数据驱动,没有服务端。

源码#

整站源码在 GitHub,欢迎参考,也欢迎提 issue 指出问题。

文章分享

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

这个博客是怎么搭起来的
https://yuhaohuaishuli.cn/posts/how-this-blog-works/
作者
Huaishuli
发布于
2026-11-03
许可协议
CC BY-NC-SA 4.0
相关文章智能推荐
暂无相关文章
随机文章随机推荐
Profile Image of the Author
Huaishuli
怀姝离 · 记录技术、折腾与日常
公告
站点刚搭好,文章和图片还在慢慢补,欢迎随便逛逛。
分类
标签
最新动态
站点统计
文章
1
分类
1
标签
3
总字数
522
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Unknown CI
博客版本
v1.0.0
文章许可
CC BY-NC-SA 4.0
文章目录