首页 > 解决方案 > 为什么要使用像 Hugo 这样的静态站点生成器,而不是常规的打包器(Webpack/Parcel)?

问题描述

我觉得好像我错过了什么。我已经阅读了 Jekyll 和 Hugo 的文档,但仍然对为什么使用它们而不是像 Pug 和 Webpack 或 Parcel 这样的东西来创建静态站点感到困惑。

那么,静态站点生成器提供了哪些捆绑器不提供的功能呢?

标签: jekyllhugostatic-site

解决方案


您在这里将苹果与橙子进行比较。虽然所有这些工具在技术上都可用于创建静态网站,但它们的用途不同。引用Jekyll 主页的标题:

将您的纯文本转换为静态网站和博客。

Jekyll 和 Hugo 真的是为纯文本和(主要是)博客而设计的。作为用户,您使用纯文本或 Markdown 编写文章,并使用这些工具将它们变成静态 HTML 站点。除了生成 HTML 之外,这些工具还有很多博客通常需要的功能,例如,它们创建所有文章的索引并支持类别。

使用 Jekyll(可能还有 Hugo,但我自己从未使用过),您还可以向您的网站添加不是博客文章的页面。所以理论上,你可以抛弃博客,用它来建立一个静态网站。但这可能不是大多数人使用它的原因......

将其与 Webpack 进行比较:Webpack 首先是 Javascript 的构建工具。它不关心您是在构建静态页面、渐进式 Web 应用程序还是移动应用程序。它只是根据您提供的配置捆绑您的资产。通过正确的配置,您当然可以将它用于静态页面,但 Webpack 不会提供比捆绑文件更多的功能。

根据您的目标,这些工具中的任何一个都可能更适合您。Jekyll 和 Hugo 之类的工具使开始和创建静态网站或博客变得非常简单。您可以设置 HTML 样式,在其上添加 JavaScript 并创建自己的设计。或者您只需获取社区中其他人创建的现有模板。无论您选择哪种方法,您都可以在几分钟内完成运行。

另一方面,像 Webpack 这样的工具为您提供了所有的灵活性和强大的功能,但也要求您自己完成所有工作。使用它们构建静态站点是否有意义,这实际上取决于您的用例。


推荐阅读