从一个静态页面开始
轻一点的技术选择,给内容和表达多留一点空间。
这里记录 WT Lab 第一版网站的实现思路。这是一篇随网站一起编写的建站笔记,并非过往项目经历的回顾。
先让内容抵达
个人网站的第一件事,是让访客读到内容。首页、项目介绍、技术笔记和关于页面,都可以在发布之前生成完整的 HTML。
因此,本站采用 HTML、CSS 和少量 JavaScript。每个页面都有独立地址,正文不依赖 JavaScript 加载。导航、文章和页脚在脚本不可用时仍然可以阅读。
构建时工作,访问时轻盈
Markdown 在构建时转换成 HTML。服务器只需要发送静态文件,无须为主页额外运行 Node.js 进程,也无须连接数据库。
- 写作内容和页面布局分开维护。
- 图片与图形尽量使用轻量、本地的原创 SVG。
- 使用系统字体,避免访问时等待外部字体服务。
- 交互只负责导航菜单与分类筛选。
为后续留出位置
静态页面并不意味着无法扩展。未来如果确实需要接口,可以使用独立 API 子域名承载,让内容页面继续保持简单。
先把一个小而完整的空间做好,再让真实需求决定下一步。