网页的html自动生成静态页面10 年夜静态网站生成对象 Linux 中国

在探求支配静态网页的方法吗？这几个开源的静态网站天生工具可以帮你迅速支配界面幽美、功能强大的静态网站，无需节制繁芜的 HTML 和 CSS 技能。

• 来源：linux.cn • 作者：Ankush Das • 译者：Xiaobin.Liu •

（本笔墨数：3396，阅读时终年夜约：5 分钟）

在探求支配静态网页的方法吗？这几个开源的静态网站天生工具可以帮你迅速支配界面幽美、功能强大的静态网站，无需节制繁芜的 HTML 和 CSS 技能。

技能上来讲，静态网站是指网页不是由做事器动态天生的。
HTML、CSS 和 JavaScript 文件就悄悄地躺在做事器的某个路径下，它们的内容与终端用户吸收到的版本是一样的。
原始的源码文件已经提前编译好了，源码在每次要求后都不会变革。

Linux.CN 是一个依赖多个数据库的动态网站，当有浏览器的要求时，网页就会天生并供应做事。
大部分网站是动态的，你与这些网站互动时，大量的内容会常常改变。

静态网站有一些好处，比如加载韶光更短，要求的做事器资源更少、更安全（值得商榷）。

传统上，静态网站更适宜于创建只有少量网页、内容变革不频繁的小网站。

然而，随着静态网站天生工具涌现后，静态网站的适用范围越来越大。
你还可以利用这些工具搭建博客网站。

我整理了几个开源的静态网站天生工具，这些工具可以帮你搭建界面幽美的网站。

请把稳，静态网站不会供应很繁芜的功能。
如果你须要繁芜的功能，那么你可以参考适用于动态网站的 最佳开源 CMS 列表。

1、Jekyll

Jekyll 是用 Ruby 写的最受欢迎的开源静态天生工具之一。
实际上，Jekyll 是 GitHub 页面 的引擎，它可以让你免用度 GitHub 托管网站。

你可以很轻松地跨平台配置 Jekyll，包括 Ubuntu。
它利用 Markdown 、 Liquid （模板措辞）、HTML 和 CSS 来天生静态的网页文件。
如果你要搭建一个没有广告或推广自己工具或做事的产品页的博客网站，它是个不错的选择。

它还支持从常见的 CMS（ 内容管理系统(Content management system)）如 Ghost、WordPress、Drupal 7 迁移你的博客。
你可以管理永久链接、种别、页面、文章，还可以自定义布局，这些功能都很强大。
因此，纵然你已经有了一个网站，如果你想转成静态网站，Jekyll 会是一个完美的办理方案。
你可以参考 官方文档 或 GitHub 页面 理解更多内容。

2、Hugo

Hugo 是另一个很受欢迎的用于搭建静态网站的开源框架。
它是用 Go 措辞 写的。

它运行速率快、利用大略、可靠性高。
如果你须要，它也可以供应更高等的主题。
它还供应了一些有用的快捷办法来帮助你轻松完成任务。
无论是组合展示网站还是博客网站，Hogo 都有能力管理大量的内容类型。

如果你想利用 Hugo，你可以参照它的 官方文档 或它的 GitHub 页面 来安装以及理解更多干系的利用方法。
如果须要的话，你还可以将 Hugo 支配在 GitHub 页面或任何 CDN 上。

3、Hexo

Hexo 是一个有趣的开源框架，基于 Node.js 。
像其他的工具一样，你可以用它搭建相称快速的网站，不仅如此，它还供应了丰富的主题和插件。

它还根据用户的每个需求供应了强大的 API 来扩展功能。
如果你已经有一个网站，你可以用它的 迁移 扩展轻松完成迁移事情。

你可以参照 官方文档 或 GitHub 页面 来利用 Hexo。

4、Gatsby

Gatsby 是一个越来越盛行的开源网站天生框架。
它利用 React.js 来天生快速、界面幽美的网站。

几年前在一个实验性的项目中，我曾经非常想考试测验一下这个工具，它供应的成千上万的新插件和主题的能力让我印象深刻。
与其他静态网站天生工具不同的是，你可以利用 Gatsby 天生一个网站，并在不丢失任何功能的情形下得到静态网站的好处。

它供应了与很多盛行的做事的整合功能。
当然，你可以不该用它的繁芜的功能，或将其与你选择的盛行 CMS 合营利用，这也会很有趣。
你可以查看他们的 官方文档 或它的 GitHub 页面 理解更多内容。

5、VuePress

VuePress 是由 Vue.js 支持的静态网站天生工具，而 Vue.js 是一个开源的渐进式 JavaScript 框架。

如果你理解 HTML、CSS 和 JavaScript，那么你可以无压力地利用 VuePress。
你该当可以找到几个有用的插件和主题来为你的网站培植开个头。
此外，看起来 Vue.js 的更新一贯很生动，很多开拓者都在关注 Vue.js，这是一件好事。

你可以参照他们的 官方文档 和 GitHub 页面 理解更多。

6、Nuxt.js

Nuxt.js 利用了 Vue.js 和 Node.js，但它致力于模块化，并且有能力依赖做事端而非客户端。
不仅如此，它的目标是为开拓者供应直不雅观的体验，并供应描述性缺点，以及详细的文档等。

正如它声称的那样，在你用来搭建静态网站的所有工具中，Nuxt.js 可以做到功能和灵巧性两全其美。
他们还供应了一个 Nuxt 线上沙盒 ，让你不费吹灰之力就能直接测试它。

你可以查看它的 GitHub 页面 和 官方网站 理解更多。

7、Docusaurus

Docusaurus 是一个有趣的开源静态网站天生工具，为搭建文档类网站量身定制。
它还是 Facebook 开源操持 的一个项目。

Docusaurus 是用 React 构建的。
你可以利用所有的基本功能，像文档版本管理、文档搜索和翻译大多是预先配置的。
如果你想为你的产品或做事搭建一个文档网站，那么可以试试 Docusaurus。

你可以从它的 GitHub 页面 和它的 官网 获取更多信息。

8、Eleventy

Eleventy 自称是 Jekyll 的替代品，旨在以更大略的方法来制作更快的静态网站。

它彷佛很随意马虎上手，而且它还供应了适当的文档来帮助你。
如果你想找一个大略的静态网站天生工具，Eleventy 彷佛会是一个有趣的选择。

你可以参照它的 GitHub 页面 和 官网 来理解更多的细节。

9、Publii

Publii 是一个令人印象深刻的开源 CMS，它能使天生一个静态网站变得很随意马虎。
它是用 Electron 和 Vue.js 构建的。
如果有须要，你也可以把你的文章从 WorkPress 网站迁移过来。
此外，它还供应了与 GitHub 页面、Netlify 及其它类似做事的一键同步功能。

如果你利用 Publii 天生一个静态网站，你还可以得到一个所见即所得的编辑器。
你可以从 官网 下载它，或者从它的 GitHub 页面 理解更多信息。

10、Primo

一个有趣的开源静态网站天生工具，目前开拓事情仍很生动。
虽然与其他的静态天生工具比较，它还不是一个成熟的办理方案，有些功能还不完善，但它是一个独特的项目。

Primo 旨在利用可视化的构建器帮你构建和搭建网站，这样你就可以轻松编辑和支配到任意主机上。

你可以参照 官网 或查看它的 GitHub 页面 理解更多信息。

还有很多文章中没有列出的网站天生工具。
然而，我试图提到最好的静态天生器，为您供应最快的加载韶光，最好的安全性和令人印象深刻的灵巧性。

列表中没有你最喜好的工具？不才面的评论中见告我。

via: itsfoss.com

作者： Ankush Das 选题： lujun9972 译者： lxbwolf 校正： wxy

本文由 LCTT 原创编译， Linux中国 名誉推出