每个程序员的网站都始于一篇 Hello World。这篇就是我的。
为什么不用框架
现在做个人网站,选项太多了 — Next.js、Astro、Hugo、Hexo、Gatsby……每个都很强大,但对一个只有几页的个人站点来说,它们都是杀鸡用牛刀。
我的选择很简单:纯 HTML + CSS + 原生 JavaScript。理由:
- 没有构建步骤,改完刷新就能看
- 没有依赖需要维护,五年后打开照样能跑
- 所有代码自己写,每一行都认识
- 部署到任何静态托管服务,一行命令的事
目录结构
.
├── index.html # 首页
├── about.html # 关于
├── 404.html # 404
├── posts/ # 文章
│ ├── hello-world.html
│ └── building-weblinux.html
└── assets/
├── css/style.css
└── js/main.js
加了什么功能
虽然是纯静态,但该有的体验都没少:
- 暗色模式 — 自动跟随系统,手动切换后记住选择
- 阅读进度条 — 顶部细条,告诉你读了多少
- 代码块复制 — 鼠标悬停右上角出现复制按钮
- 回到顶部 — 滚动超过一屏出现浮动按钮
- 终端动画 — 首页有个打字机效果的终端窗口
简单不是简陋,而是克制。 — 大概是某个谁说过的
接下来
这个网站会慢慢长起来。文章会越写越多,功能会慢慢加。但核心原则不变:保持简单,保持轻量。