本文将带您了解如何使用和构建一个由驱动的静态博客,以及如何将网站部署到。您将通过实际示例了解如何构建静态网站,以及如何使用无头的强大功能。在本教程中,我们将使用(一个基于的渐进式框架)作为前端构建一个静态生成的最小博客,然后使用(一个开源无头内容管理系统())作为后端我们的应用程序。本教程面向中级前端开发人员,特别是那些想要无头(如)的多功能性以及框架(如)的最小结构的开发人员。请随意尝试演示或查看上的源代码。为了顺利阅读本文,您需要事先在设备上安装.的版本和或。还值得一提的是,您需要对和查询有基本的了解。在开始之前,让我们先了解一些定义。静态网站生成器是生成静态网站的工具,静态网站可以定义为源自纯静态文件的网站。有关当今静态站点生成器选项的概述,请查看“年十大静态站点生成器”。另一方面,无头是通过访问的。
与过去的传统不同,无头与前端无关
不会将您束缚于单一编程语言或平台。的文章“为什么前端开发人员应该使用无头”是了解无头有用性的良好资源。静态站点生成器(例如无头)正在迅速获得前端开发社区的主流吸引力。这两项技术都带来了更低的进入门槛、灵活性以及更好的开发人员体验 比利时手机号码数据 当我们构建博客时,我们将看到所有这些以及更多内容。您可能想知道,“为什么我应该使用这个而不是其他替代方案?”基于,后者以其速度和相对较小的包大小而闻名。在性能在决定有效用户体验方面发挥着巨大作用的世界中,我们希望对此进行优化。
它使开发人员能够将页面导出为静态网站
这就是我们今天要做的。有一种非常固执己见的脚手架项目方式,使用。“制作存储库的副本并获取存储库中的最新提交。这是比使用更有效的方法,因为我们不会下载整个历史记录。”首先,通过-在命令行界面()中运行来安装。接下来,在中运行以 澳大利亚电话号码列表 命令来设置我们的项目。复制注意:我们可以选择使用或来捆绑我们的项目。在本教程中,我们将使用。这些命令在目录中构建一个新项目,安装其依赖项,并在.如果您是新手,则需要对目录结构进行一些解释。认识移动界面的触摸设计,的全新移动设计指南,具有经过验证的、通用的、以人为本的指南。页,充满了深入的用户研究和最佳实践。