这个博客是怎么搭起来的
欢迎来到鼠鼠学习。
这个站点从想法到上线只用了一个晚上,中间还踩了不少坑。把过程记下来,算是给未来的自己留个参照。
技术选型
| 部分 | 选择 | 为什么 |
|---|---|---|
| 框架 | Astro | 默认零 JavaScript 输出,页面极轻;Markdown 写作体验干净 |
| 类型检查 | strict TypeScript | frontmatter 写错会在构建时报警,坏页面发不出去 |
| 托管 | Cloudflare Pages | 免费、无限带宽、自动签发 HTTPS 证书 |
| 域名 | shushuxuexi.xyz |
从阿里云注册,DNS 托管在 Cloudflare |
| 版本控制 | Git | 改崩了能精确回滚到某一行,而不是整站退回三天前 |
为什么不用 WordPress
动态博客需要一个一直在运行的服务器,还要操心数据库备份、插件安全、升级。而静态站点把内容预先编译成 HTML,托管成本为零,访问速度快,也几乎没有被攻击的面。
写作体验反而更简单:打开编辑器写 Markdown,git push,几十秒后线上就更新了。
这台机器上的环境
搭站过程中确认了几个事实,值得记一笔:
- Node.js v24.19.0,pnpm 11.22.0
- Git 2.56.0,装在
C:\Program Files\Git - npm 源已切到国内镜像,并降低了并发(原因见另一篇文章)
接下来写什么
这个站点规划了四类内容:
- 技术笔记——踩坑与解法,尽量写成“以后能直接抄”的形式
- 日常随笔——想到哪写到哪
- 项目作品——做过的东西留个记录
- 资源收藏——值得反复看的链接和工具
先写到这儿。等这个站点真正长出内容,再回来更新这篇。