静态网站生成器是如何工作的

在过去的几年里，开源静态网站生成器的数量增长迅速，StaticGen 上几乎找得到每一种语言实现的版本。静态网站相比动态网站具备无需依赖应用服务器，性能优越，部署简单等特点。特别适合生成静态文档，个人博客，饱受开发者的青睐。相比学会使用，掌握工作原理也尤为重要。

一个静态网站生成器的工作流程通常有以下几个步骤：

1. 读取源文件（e.g. 约定 markdown 格式）
2. 资源预处理
3. 模板引擎渲染
4. 生成目标文件

第一步 读取源文件

从使用者的角度，我们希望以 markdown 的形式进行写作，相比纯文本更容易控制格式，并且可以灵活地自定义配置（源目录路径、目标目录路径、页面标题等等），覆盖工具的默认配置，这一步很简单。

以 Node.js 为例：

// 读取 markdown 内容
readFile(source, (err, data) => {console.log(data);
})
// 读取配置内容
console.log(require(config))

第二步 资源预处理

也是静态网站生成器的核心工作部分。首先解析 markdown 内容，分离头部元数据（通常采用 YAML 格式，用于单页信息配置）与主体内容。

形似：

---
title: Hello World
---Awesome static site 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！