折腾了几天，这个站算是能见人了。写一篇记录一下用了什么、怎么用。
它是什么
1.一个静态博客。没有数据库、没有服务器上跑着的程序、没有登录框——但有一个网页后台，下面会说。
2.本站可以说是没什么技术含量，除了挂载一个域名，在没有其他的部署成本，后台仅包含帖子编辑功能，其他均属于样式。
3.以后也许会有新站或是迁移新框架，再说吧，也许不会呢，有需要可以访问我的github或是QQ联系我。
4.这段话来自人间之里404号，🍺干杯。
用到的技术
建站与主题
- Hugo——静态站点生成器。写 Markdown，它吐出 HTML，快得离谱
- PaperMod 打底，但前端基本被我重写了一遍
托管与部署
- Cloudflare Workers——免费托管，全球节点
- GitHub Actions——我往仓库推代码，它自动构建 + 自动部署
- Cloudflare R2——专门放音乐文件，60 MB 的音频不占代码仓库
后台
- Pages CMS——一个网页后台，能直接改文章、传图片，保存后自动提交到 GitHub
前端
- 全是原生 JavaScript，零第三方库——播放器、歌词滚动、樱花、背景轮换、无刷新切页，都是手写的
站上有什么
首页
- 左边是个人信息卡，下面一排图标：GitHub、B站、QQ、邮箱、RSS
- QQ 和邮箱点一下就复制，不用手抄
- 右边是音乐播放器，点中间那个大按钮开始播
- 再往下是文章列表
音乐页（顶部导航的「音乐」）
- 左边是大播放器：旋转封面、进度条、上一首 / 下一首、音量
- 右边是跟着播放逐句高亮的歌词，双语显示
- 底下是完整的目录，点任意一首就切歌
其它细节
- 切页面音乐不会断——这是我最得意的地方。点导航换来换去，歌一直放着
- 右下角有个迷你播放条，在别的页面也能控制音乐
- 点右上角月亮切换深色 / 浅色，会有一个圆形扩散的动画
- 樱花一直在飘，左下角有个开关，不喜欢可以关掉
- 背景每 30 秒自动换一张
- 搜索在顶部导航里
怎么用
- 听歌：在首页或音乐页点播放。切页面不会中断
- 找文章：顶部「文章」，或者左边那棵导航树
- 搜东西：顶部「搜索」
- 联系我：首页个人信息卡下面那排图标，QQ 和邮箱点一下就是复制
- 看视频：文章里嵌了 B 站播放器，可以直接看
后面还想做的
- 把音乐码率降一降，手机上加载更快
- 多写点东西
