第1章 Jamstack 和 Hugo

第1章 Jamstack 和 Hugo #

本章涵盖

  • 构建网站的Jamstack基础知识
  • 静态站点生成的原理
  • 了解Hugo静态站点生成器
  • Hugo静态站点生成器的好处
  • 最适合Jamstack和Hugo的使用场景

如果你最近与网站打过交道,或者有朋友有类似的情况,你肯定知道维护一个网站需要做多少工作。 它需要DevOps工程师、系统管理员和数据库架构师来保持网站在互联网上运行。 这是整个团队的全职工作,而不仅仅是个人能做好的。 内容的维护非常耗时,以至于目前创作者只好大量转向WordPress.com等托管平台服务,甚至将他们的内容免费提供给Medium或Facebook等平台。

Jamstack是一种Web开发体系结构,通过将复杂的部分移出运行时或将其封装到更易于管理的服务中,将维护网站的日常开销降至最低。 Jamstack这个词是由Netlify的联合创始人兼首席执行官马特·比尔曼(Matt Biilmann)在2016年创造的。 Jamstack通过将所有内容存储到部署期间编译的文件中,然后通过内容分发网络(CDN)分发它们,从而放弃数据库。 应用程序编程接口 (API) 提供基于服务器的动态内容,由第三方维护或由云服务提供商托管,而网站所有者日常可以最少参与。 这样,开发人员就可以摆脱处理安全更新,拒绝服务 (DoS) 攻击以及不断监视以阻止黑客的任务。

Jamstack完全依赖于HTML,CSS和JavaScript的核心web技术。 它提供了在现代网页系统上快速启动和运行的能力,因此我们可以构建具有出色性能,低成本和很少维护的网站。 它可以为各种场景创建网站,如个人博客、商业网站和电子商务解决方案。 Jamstack通过提供对静态内容的全面支持,与基于服务器的框架协调工作。 然而,我们仍然可以使用传统框架来提供用户生成的、基于服务器的内容。

Hugo是当前Jamstack框架中最受欢迎的框架之一,并提供最佳的构建速度。 它帮助我们享受Web开发,而不需要承受安装、维护或日常维护的烦恼。 没有等待编译、更新或部署! Hugo获取了一个模板和一个标记格式的网站,并将其转换为HTML,这样网站就可以托管了。 我祝贺你拿起这本书,并踏上了从根本上简化你的web开发路径的旅程。