10 个开源静态站点生成器,用于创建快速且资源友好的网站

简介:想要部署静态网页? 无需摆弄 HTML 和 CSS。 这些开源静态网站生成器将帮助您立即部署美观、实用的静态网站。

什么是静态网站?

从技术上讲,静态网站意味着网页不是在服务器上动态生成的。 HTML、CSS、JavaScript 以最终用户收到的版本存在于服务器上。 原始源代码文件已经预先构建,源代码不会随着下一个服务器请求而改变。

它的 FOSS 是一个动态网站,它依赖于多个数据库,当您的浏览器发出请求时,就会生成并提供网页。 大多数网络都由动态网站提供支持,您可以在其中与网站互动,并且有大量内容经常发生变化。

静态网站为您提供了一些好处,例如更快的加载时间、更少的服务器资源需求和更好的安全性(有争议?)。

传统上,静态网站更适合创建只有几页且内容不会经常更改的小型网站。

然而,由于静态网站生成器工具,这正在发生变化,您也可以使用它们来创建博客。

我整理了一份开源静态站点生成器列表,可以帮助您构建一个漂亮的网站。

最佳开源静态站点生成器

值得注意的是,您不会在静态网站上获得复杂的功能。 在这种情况下,您可能需要查看我们的动态网站最佳开源 CMS 列表。

1.杰基尔

Jekyll 是使用构建的最流行的开源静态生成器之一 红宝石. 事实上,Jekyll 是背后的引擎 GitHub 页面 它允许您免费使用 GitHub 托管网站。

在包括 Ubuntu 在内的多个平台上设置 Jekyll 很容易。 它利用 降价, 液体 (用于模板)、HTML 和 CSS 来生成静态站点文件。 如果您想建立一个没有 s 的博客或产品页面来推广您的工具或服务,这也是一个不错的选择。

此外,它还支持从流行的 CMS 迁移您的博客,例如 Ghost、WordPress、Drupal 7 等。 您可以管理永久链接、类别、页面、帖子和自定义布局,这很好。 因此,即使您已经有一个想要转换为静态网站的现有网站,Jekyll 也应该是一个完美的解决方案。 您可以通过探索了解更多信息 官方文件 或其 GitHub 页面.

2. 雨果

Hugo 是另一个流行的用于构建静态站点的开源框架。 它是使用 去编程语言.

它快速、简单且可靠。 如果需要,您还可以获得一些高级主题支持。 它还提供了一些有用的快捷方式来帮助您轻松完成工作。 无论是作品集网站还是博客,Hugo 都足以管理各种内容类型。

要开始,您可以按照其 官方文件 或通过其 GitHub 页面 安装它并了解有关其用法的更多信息。 如果需要,您还可以在 GitHub 页面或任何 CDN 上部署 Hugo。

3. Hexo

Hexo 是一个有趣的开源框架,由 节点.js. 与其他人类似,您最终将创建速度极快的网站,但您也将获得大量主题和插件。

您确实在这里获得了一个强大的 API,可以根据您的要求扩展功能。 如果你已经有一个网站,你可以简单地使用它的 迁移器 扩展也是如此。

要开始,您可以通过 官方文件 或者只是探索他们的 GitHub 页面.

4. 盖茨比

Gatsby 是一个日益开源的流行站点生成器框架。 它利用 反应.js 用于创建快速而美观的网站。

几年前我非常有兴趣尝试一些实验项目,看到成千上万的新插件和主题的可用性令人印象深刻。 与其他静态站点生成器不同,您可以使用 Gatsby 生成站点,并在不丢失任何功能的情况下获得静态站点的好处。

它提供了许多来自流行服务的有用集成。 当然,您可以保持简单或将其与您选择的流行 CMS 结合使用,这应该很有趣。 你可以看看他们的 官方文件 和它的 GitHub 页面 了解更多信息。

5. VuePress

VuePress 是一个静态站点生成器,由 Vue.js 这恰好是一个开源渐进式 JavaScript 框架。

如果您了解 HTML、CSS 和 JavaScript,就可以轻松开始使用 VuePress。 您应该找到几个有用的插件和主题,以便在构建您的网站时抢占先机。 此外,Vue.js 似乎正在积极改进并受到更多开发人员的关注,这是一件好事。

你可以通过他们了解更多 官方指南GitHub 页面.

6. Nuxt.js

Nuxt.js 使用 Vue.js 和 Node.js,但它专注于提供模块化,并且能够依赖服务器端而不是客户端。 不仅如此,它还旨在通过描述性错误和详细文档等为开发人员提供直观体验。

正如它声称的那样,Nuxt.js 应该是两全其美的,它具有构建静态网站所需的所有功能和灵活性。 他们还提供一个 Nuxt 在线沙箱 让你不费吹灰之力就可以直接测试。

你可以探索它的 GitHub 页面 或访问 官方的 地点 以获取更多详细信息。

7. 多库龙

Docusaurus 是一个有趣的开源静态站点生成器,专为构建文档网站而设计。 它恰好是 Facebook 的开源计划.

它是使用 React 构建的。 您可以获得所有基本功能,例如文档版本控制、文档搜索和翻译,大部分功能都是预先配置的。 如果您打算为您的任何产品/服务建立一个文档网站,这应该是一个好的开始。

您可以在其上了解更多信息 GitHub 页面 和它的 官方网站.

8. 十一

Eleventy 将自己描述为 Jekyll 的替代品,旨在提供一种更简单的方法来制作更快的静态网站。

上手似乎很容易,它还提供了适当的文档来帮助您。 如果您想要一个简单的静态站点生成器来完成工作,Eleventy 似乎是一个有趣的选择。

您可以在其上探索更多信息 GitHub 页面 并参观 官方网站 更多细节。

9. 公共场所

Publii 是一个令人印象深刻的开源 CMS,可以轻松生成静态站点。 它是使用 电子 和 Vue.js。 如果需要,您还可以从 WordPress 网站迁移您的帖子。 除此之外,它还提供了几个与 GitHub Pages、Netlify 和类似服务的一键同步。

如果您使用 Publii 生成静态站点,您还将获得 WYSIWYG 编辑器。 要开始,请访问 官方网站 下载或探索它 GitHub 页面 想要查询更多的信息。

10.第一

一个有趣的开源静态站点生成器,仍在积极开发中。 尽管与其他静态生成器相比,它不是具有所有功能的成熟解决方案,但它是一个独特的项目。

Primo 旨在帮助您使用可视化构建器构建和开发站点,该构建器可以轻松编辑并部署到您选择的任何主机。

您可以访问 官方网站 或探索其 GitHub 页面 想要查询更多的信息。

包起来

还有很多其他站点生成器可用。 然而,我已经尝试提到最好的静态生成器,它们为您提供最快的加载时间、最好的安全性和令人印象深刻的灵活性。

我错过了你最喜欢的任何一个吗? 请在下面的评论中告诉我。