静态网站构建原理

世界上的网站上千万,网页数量更是如天上的星星数也数不清。那么这些网站都是如何构建的?都包括哪些类型呢?笼统的概括世界上的网站分为两种类型:

  • 静态网站:仅提供展示功能,不能与用户交互,不需要后端数据库存储用户信息
  • 交互式网站:需要与用户交互,保存用户信息

大多数现代Web应用程序使用层叠样式表(CSS)、JavaScript、图片甚至是特殊的字体和字形库,如Awesome字体,这也是我们工具箱中最常用的库之一。

几乎所有的网站中都会包含一个静态文件目录 static,这个目录下包含三个目录,分别保存着三类文件:

  • js:Javascript
  • images:图片
  • css:层叠样式表和字体

我们不会为每个网站分别导入不同的样式信息,而是使用模板来生成网页的不同部分。

我们在下一章中将分别介绍三款流行的静态网站生成工具。