折腾了这么久别人的项目，总算决定给自己搭个小地方，写写踩坑记录。于是有了这个博客。

为什么是静态博客

之前用过 WordPress（Sakurairo 主题确实好看），但对一个小博客来说太重了：服务器要钱、要维护、要防攻击。这次选择纯手写静态页：

  • 零依赖：没有框架、没有构建工具、没有 node_modules；
  • 哪都能跑：备案过的服务器、EdgeOne Pages、Cloudflare Pages、GitHub Pages 都能直接拖上去；
  • 改起来直接：写文章就是写一个 HTML 文件，加一篇文章就是加一个文件。

备案这件事

域名要接入国内的服务，备案是绕不开的。个人博客的备案信息填写有几个要点（踩过的坑）：

  • 网站名称：不能带"博客/空间/个人主页"这类字眼最好老实用中性的名字，"松饼Nya"这种昵称式命名比较稳；
  • 服务内容：选"其他"或"个人介绍"类，别选涉及资讯、社区类的；
  • 备注：写清楚"个人学习笔记与技术记录，不涉及经营、不开放评论互动"，过审会顺很多。

过审之后记得在页脚挂备案号并链接到工信部备案系统（beian.miit.gov.cn），这是硬性要求。

技术栈

没有技术栈，就是三件套：

松饼博客
├── index.html      # 首页
├── archives.html   # 文章列表
├── projects.html    # 项目
├── about.html      # 关于
├── posts/          # 文章
│   ├── hello-world.html
│   └── edgeone-pages-deploy.html
├── css/style.css   # 「松饼」主题
├── js/main.js      # 深浅色切换 + 移动端菜单
└── favicon.svg     # 头像小松饼

深浅色切换用 data-theme 属性 + CSS 变量实现，偏好存在 localStorage；主题配色就一个字：甜。

写在最后

好困……但博客总算开张了。接下来慢慢把折腾过的东西补成文章，先挖坑，慢慢填。