基于Node.JS的六款开源内容管理和静态网站生成系统

刺骨的言语ヽ痛彻心扉 2022-08-07 14:58 154阅读 0赞

在内容管理系统（CMS）中，豪无疑问目前最流行的是 WordPress。它是一个可靠、 稳定的系统，有一个非常活跃的社区。它能使那些对技术不熟悉或根本不懂技术的人也能搭建[网站][Link 1]，不仅局限于博客。它还是一个静态站点生成器。Jekyll 和基于 Jekyll 的系统适合开发人员创建博客或网站，它是一个轻量级的解决方案。在这篇文章，我会列举六个基于 Node.js 的静态网站生成系统，这些是JavaScript 开发人员的最爱。

Wintersmith

[![1559536jh0mfgb2262r03t.png][]][1559536jh0mfgb2262r03t.png]

[Wintersmith][] 自称是基于 Node.js 的、灵活的、 简约的、 跨平台静态网站引擎。当然，“简约”是一个关键词 ！Wintersmith 并不适合于初学者，它比较适合中级或高级开发人员，这样运行起来才不费吹灰之力。Wintersmith 的解决方案并不是体积最小的。它用 CoffeeScript 作为开发语言，并内置了 Jade（模板标记语言） 和 Markdown 系统。

Assemble

[![1600441ypnp5z9sh0p5y15.png][]][1600441ypnp5z9sh0p5y15.png]

[Assemble][] 是一个功能强大的工具，将 Grunt 和 Yeoman 融入其工作流。像稍后将提到的 Punch 和DocPad，Assemble 尝试让设计师和程序员协同工作。例如，Assemble 预先封装了很多广泛的对初学者友好的模板系统。

并且 Assemble 附带一个插件系统，主要为“扩展 Assemble 的核心功能”，不仅能添加前端框架，你可以添加 jQuery 插件或其他任何 JavaScript 库。

Metalsmith

[![160121gku1afs1k6gcz6cw.png][]][160121gku1afs1k6gcz6cw.png]

[Metalsmith][] 立即引起我的注意，不仅由于其美丽和小巧的设计，也是因为它的口号：“极简、可插拔的静态网站生成器”。第一次的广告去解释：“Metalsmith 的所有逻辑都是由插件处理的。你只需要将它们链接在一直。这使得的 Metalsmith 可以成为这里功能最丰富的系统。”

但越是可插拔，用起来可能就越是麻烦。Metalsmith 可以让中级和高级的开发人员随心所欲控制它们所需要的输出内容。金工不仅仅适用于博客或简单的网站！

Hexo

[![160154dw9xwpzoqrxp4qrr.png][]][160154dw9xwpzoqrxp4qrr.png]

在这篇文章中列出的所有基于 Node.js 的静态站点生成系统中，[Hexo][] 是目前为止在 GitHub 上最受欢迎的。Hexo 的文件简单、美观；包括每一页底部的评论部分。此外，在 GitHub 上你可以找到大量的极小主题，其中大部分是基于或与 Ghost 兼容的。

Hexo 是从 [Ghost][] 衍生出来的，它非常注重用户体验和极简主义。搭建它的运行环境很简单。我相信这是最适合初学者搭建轻量级博客的系统了。

Punch

[![16024298vgvkvgm68vvzxi.png][]][16024298vgvkvgm68vvzxi.png]

[Punch][] 是这篇文章中声称要创建出设计师和程序员都易用的，两个 Node.js 静态网站生成器之一。它很容易设置，但它给只能呈现出一个近乎空白的页面，当你开始用它工作时。一个基本的启动主题可用，但剩下的就看你的了。

不同于某些其他静态站点，Punch 不能提供一个自定义插件系统。它依赖于 npm 安装替代 CSS 预处理器、JavaScript 库，等等。

DocPad

[![160315f0cmg0m1c30vvjze.png][]][160315f0cmg0m1c30vvjze.png]

即使你粗略的浏览一下 [DocPad][] 的网站，就能感受到 DocPad 是一个雄心勃勃的项目。你不必看得太深入就能了解到，DocPad 与 Jekyll 的设计理解很相似。DocPad 简介页面的底部可以找到显示每个系统必须提供的比较表。DocPad 认为它们是一个功能完整的 CMS 的必要条件。

DocPad 的文档广泛且详尽；它表明该系统所能提供的无数功能。虽然非常翔实，我不敢说 DocPad 适合初学者。抛出一堆比较抽象概念可能会吓跑一些初学者或者编程经验很少的程序员。（原文地址：[sitepoint.com][]，转载自[OURJS][]）

[Link 1]: http://www.html5cn.org/
[1559536jh0mfgb2262r03t.png]: http://www.html5cn.org/data/attachment/portal/201504/08/1559536jh0mfgb2262r03t.png
[Wintersmith]: http://wintersmith.io/
[1600441ypnp5z9sh0p5y15.png]: http://www.html5cn.org/data/attachment/portal/201504/08/1600441ypnp5z9sh0p5y15.png
[Assemble]: http://assemble.io/
[160121gku1afs1k6gcz6cw.png]: http://www.html5cn.org/data/attachment/portal/201504/08/160121gku1afs1k6gcz6cw.png
[Metalsmith]: http://www.metalsmith.io/
[160154dw9xwpzoqrxp4qrr.png]: http://www.html5cn.org/data/attachment/portal/201504/08/160154dw9xwpzoqrxp4qrr.png
[Hexo]: http://hexo.io/
[Ghost]: https://ghost.org/
[16024298vgvkvgm68vvzxi.png]: http://www.html5cn.org/data/attachment/portal/201504/08/16024298vgvkvgm68vvzxi.png
[Punch]: http://laktek.github.io/punch/
[160315f0cmg0m1c30vvjze.png]: http://www.html5cn.org/data/attachment/portal/201504/08/160315f0cmg0m1c30vvjze.png
[DocPad]: https://docpad.org/
[sitepoint.com]: http://www.sitepoint.com/6-nodejs-static-site-generators/?utm_source=ourjs.com
[OURJS]: http://ourjs.com/detail/550e7c4e1e8c70851600000b