建设中 个人网站正在建设中,部分内容尚未完善

Hello World:这个网站是怎么搭起来的

每个程序员的网站都始于一篇 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

加了什么功能

虽然是纯静态,但该有的体验都没少:

  • 暗色模式 — 自动跟随系统,手动切换后记住选择
  • 阅读进度条 — 顶部细条,告诉你读了多少
  • 代码块复制 — 鼠标悬停右上角出现复制按钮
  • 回到顶部 — 滚动超过一屏出现浮动按钮
  • 终端动画 — 首页有个打字机效果的终端窗口
简单不是简陋,而是克制。 — 大概是某个谁说过的

接下来

这个网站会慢慢长起来。文章会越写越多,功能会慢慢加。但核心原则不变:保持简单,保持轻量。