Web 开发 / 建站笔记

从一个静态页面开始

轻一点的技术选择,给内容和表达多留一点空间。

这里记录 WT Lab 第一版网站的实现思路。这是一篇随网站一起编写的建站笔记,并非过往项目经历的回顾。

先让内容抵达

个人网站的第一件事,是让访客读到内容。首页、项目介绍、技术笔记和关于页面,都可以在发布之前生成完整的 HTML。

因此,本站采用 HTML、CSS 和少量 JavaScript。每个页面都有独立地址,正文不依赖 JavaScript 加载。导航、文章和页脚在脚本不可用时仍然可以阅读。

构建时工作,访问时轻盈

Markdown 在构建时转换成 HTML。服务器只需要发送静态文件,无须为主页额外运行 Node.js 进程,也无须连接数据库。

  • 写作内容和页面布局分开维护。
  • 图片与图形尽量使用轻量、本地的原创 SVG。
  • 使用系统字体,避免访问时等待外部字体服务。
  • 交互只负责导航菜单与分类筛选。

为后续留出位置

静态页面并不意味着无法扩展。未来如果确实需要接口,可以使用独立 API 子域名承载,让内容页面继续保持简单。

先把一个小而完整的空间做好,再让真实需求决定下一步。

继续阅读其他笔记