将编辑和代码问题分开的 react 静态网站生成程序
Cuttlebelle 是一款静态网站生成程序，使用 react 进行布局，使你每个页面部分都可以使用一个布局，并将内容和代码分离开来。
你可以使用 react 组件对 Cuttlebelle 扩展，这些组件可以使用 npm 生态系统强大的功能。
页面的每个部分都变成一个 markdown 文件，带有 front-matter。内容可以用 YAML 或 [markdown](https://github.com/chjj/marked 编写。每个部分都有一个标明的布局。
布局是用 JSX 作为 react 组件编写的。front-matter 中的每个变量都变成了布局的道具。
每个页面都分成有其自身的布局的组件。可以将它们视为组成你网站的 乐高™ 积木。
这样，你无需接触代码就可以通过组合较小的部分来构建出全新的页面布局。
让你的内容保持没有任何代码能够让更多的用户更改你网站的内容。而且，因为我们会将所有内容都切成部分，所以内容作者就能自己构建出全新的布局，而无需接触更加复杂的内容。
分离也意味着搜索你的内容变得更容易，你也能轻松地重复使用布局和内容块。
Cuttlebelle 将 JSX 作为模板语言。这使得构建从简单布局到从在线 API 中提取数据的超级复杂布局都变得非常方便。
现在，你可以使用 Jest 或任何其他 react 测试程序开始测试你的布局。
使用 Cuttlebelle，你无需锁定任何 CMS，并且能够随着网站的扩展而迁移到其他解决方案。
您所有的内容都采用易于理解的 markdown 文件，并且可以导出为 javascript 对象。
了解更多 静态网站生成器。