Hello World -- 本站搭建与技术栈

Hello World！

这里将作为我的个人网站，分享我探索的经历和个人的感悟。本站基于 Hugo 和 hugo-theme-ladder 主题搭建，整体走简洁路线：静态生成、无数据库、秒开。

技术栈

• Hugo 静态站点生成器，负责把 Markdown 渲染成整站页面
• ladder 主题打底，样式和布局按自己的需求做了定制
• OpenLiteSpeed 托管静态文件，跑在 DigitalOcean 一台 1C1G 的小机器上
• Cloudflare 提供 CDN 加速和 HTTPS（Origin 证书）
• 霞鹜文楷字体自托管，按 unicode-range 分片加载，不依赖外部 CDN
• 站内搜索由 Hugo 生成的文章索引加 Fuse.js 实现，纯前端完成，不需要服务器

从 WordPress 到静态站

这台服务器上原本跑的是 WordPress（OpenLiteSpeed + MariaDB + Redis 的经典组合），维护成本高、对小机器也重。这次把 WordPress 的数据库和文件完整归档后退役，整站换成了 Hugo 静态页面——没有了数据库和 PHP，内存占用直接少了一半，页面打开也快了一个量级。

美术风格

整站的视觉标识是一只 GPT 生成的白色小鸟，有昼夜两套形态——白天睁眼、夜晚睡觉，favicon 和侧栏头像会随主题自动切换；每个菜单项也是一只对应功能的小鸟，且都有静态、悬浮两幅形态：博客是翻开书，归档是打开箱子，关于会挥手，搜索则举起放大镜细看。

主页背景是一对同样出自 GPT 的动漫风格风景图，白天与夜晚各一张，氛围跟着主题走。

昼夜不只手动切换：打开网站时会按访客 IP 归属地的经纬度算出当地日出日落时间，自动落入白天或黑夜主题；手动切换后则记住选择，不再打扰。浏览器标签页的标题也有小心思——切走时小鸟会卖萌等你回来。

小玩意

three.js 小鸟：网站图标里那只白色小鸟的 3D 版——隐式曲面捏出的圆润身形、分层羽毛的翅膀、橄榄绿草地和柔和投影，会呼吸、眨眼、挥翅膀，还能摇摇摆摆走两步，可以拖动围观。模型与动画由 GPT-6.1 Sol 制作。

写作

内容全部是 Markdown 文件，本地写完保存即自动构建刷新；发布就是一次构建加上传，无需重启任何服务。后续会在这里持续更新——探索的经历、技术的笔记、生活的感悟。