2020 年最佳静态网站生成器

2025-05-27

2020 年最佳静态网站生成器

静态网站生成器是介于手工编码的静态网站和完整的CMS之间的一种折衷方案。您可以使用原始数据(例如Markdown文件)和模板生成纯HTML网站。生成的构建版本会传输到您的实时服务器。

十一月

  • 十一月

    Elevently 是 node.js 中一个更简单的静态站点生成器。

    访问此处

盖茨比

  • Gatsby
    Gatsby 是一个基于 React 的免费开源框架,可帮助开发人员构建速度极快的网站和应用程序。

    访问此处

格里索姆

  • Gridsome
    Gridsome 是一个由 Vue.js 驱动的现代网站生成器,它使开发人员可以轻松有趣地创建漂亮的 JAMstack 网站和 PWA,并且默认情况下速度很快。

    访问此处

竖琴

  • Harp
    内置预处理功能的静态 Web 服务器。Harp 提供 Jade、Markdown、EJS、CoffeeScript、Sass、LESS 和 Stylus 等 HTML、CSS 和 JavaScript 代码,无需任何配置。

    访问此处

Hexo

  • Hexo
    Hexo 是一个快速、简洁且功能强大的博客框架。您可以使用 Markdown(或其他语言)撰写文章,Hexo 会在几秒钟内生成带有精美主题的静态文件。

    访问此处

雨果

  • Hugo
    Hugo 是最受欢迎的开源静态网站生成器之一。凭借其惊人的速度和灵活性,Hugo 让网站搭建再次充满乐趣。

    访问此处

杰基尔

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

    访问此处

拼图

  • Jigsaw
    Jigsaw 是一个 PHP 静态站点生成器,使用 Laravel 的 Blade 模板引擎、用于内容驱动页面的 Markdown 和 Laravel Mix,允许您以在 Laravel 中习惯的方式编译 CSS 和 JavaScript 资产。

    访问此处

金属匠

  • Metalsmith
    Node.js 中一个极其简单、可插入的静态站点生成器。

    访问此处

中间人

  • Middleman
    Middleman 是一个用 Ruby 编写的静态站点生成器,它使用了现代 Web 开发中的所有快捷方式和工具。

    访问此处

NextJs

  • Nextjs
    借助 Next.js,无论您的数据来自哪里,服务器渲染 React 应用程序从未如此简单。

    访问此处

尼夫特

  • Nift
    Nift 可能是世界上最快的网站生成器,它是用 C++ 从头开始​​开发的。

    访问此处

Nuxt

  • Nuxt
    Nuxt.js 预设了所需的所有配置,让您可以愉快地开发 Vue.js 应用程序。

    访问此处

静态反应

  • React Static
    React-Static 是一个基于 React 及其生态系统的快速、轻量且功能强大的渐进式静态站点生成器。它与您在 Create React App 等工具中习惯的简洁性和开发者体验相似,并针对性能、灵活性和用户/开发者体验进行了精心设计。

    访问此处

工兵

  • Sapper
    Sapper 是一个由 Svelte 提供支持的应用程序框架——以更小的占用空间构建更大的应用程序

    访问此处

VuePress

  • VuePress
    VuePress 由两部分组成:一个带有 Vue 驱动的主题系统的简约静态站点生成器,以及一个针对编写技术文档进行优化的默认主题。

    访问此处

Stackbit

  • Stackbit
    Stackbit 本身并非静态网站生成器,而是一项非常智能实用的服务,可使用您选择的静态网站生成器、主题、CMS 和 git 服务来构建新网站。只需几分钟即可构建一个新的 JAMstack 网站。

    访问此处

资源

无服务器 CSS 技巧

我只是想收集一些很棒的服务,它们对于快速创建应用程序非常有帮助。

您最喜欢的静态站点生成器是哪一个?——我的是HUGONextJs

如果您发现这个博客非常有用,那么如果我错过了任何重要的生成器,请随时分享您的想法和意见,如果您有任何问题或疑问,请给我留言。

到那时,
继续黑客攻击,干杯

文章来源:https://dev.to/integridsolutions/best-static-site-generator-to-use-in-2020-4kjk
PREV
掌握 JavaScript 的难点:回调 I
NEXT
新手开发人员,不要相信那些教程。