使用和创建静态博客

本文将带您了解如何使用和构建一个由驱动的静态博客，以及如何将网站部署到。您将通过实际示例了解如何构建静态网站，以及如何使用无头的强大功能。在本教程中，我们将使用（一个基于的渐进式框架）作为前端构建一个静态生成的最小博客，然后使用（一个开源无头内容管理系统()）作为后端我们的应用程序。本教程面向中级前端开发人员，特别是那些想要无头（如）的多功能性以及框架（如）的最小结构的开发人员。请随意尝试演示或查看上的源代码。为了顺利阅读本文，您需要事先在设备上安装.的版本和或。还值得一提的是，您需要对和查询有基本的了解。在开始之前，让我们先了解一些定义。静态网站生成器是生成静态网站的工具，静态网站可以定义为源自纯静态文件的网站。有关当今静态站点生成器选项的概述，请查看“年十大静态站点生成器”。另一方面，无头是通过访问的。

与过去的传统不同，无头与前端无关

不会将您束缚于单一编程语言或平台。的文章“为什么前端开发人员应该使用无头”是了解无头有用性的良好资源。静态站点生成器（例如无头）正在迅速获得前端开发社区的主流吸引力。这两项技术都带来了更低的进入门槛、灵活性以及更好的开发人员体验 比利时手机号码数据 当我们构建博客时，我们将看到所有这些以及更多内容。您可能想知道，“为什么我应该使用这个而不是其他替代方案？”基于，后者以其速度和相对较小的包大小而闻名。在性能在决定有效用户体验方面发挥着巨大作用的世界中，我们希望对此进行优化。

它使开发人员能够将页面导出为静态网站

这就是我们今天要做的。有一种非常固执己见的脚手架项目方式，使用。“制作存储库的副本并获取存储库中的最新提交。这是比使用更有效的方法，因为我们不会下载整个历史记录。”首先，通过-在命令行界面()中运行来安装。接下来，在中运行以 澳大利亚电话号码列表 命令来设置我们的项目。复制注意：我们可以选择使用或来捆绑我们的项目。在本教程中，我们将使用。这些命令在目录中构建一个新项目，安装其依赖项，并在.如果您是新手，则需要对目录结构进行一些解释。认识移动界面的触摸设计，的全新移动设计指南，具有经过验证的、通用的、以人为本的指南。页，充满了深入的用户研究和最佳实践。