wodle
1.0.0
Wodle是一个静态站点生成器，使用新的框架和工具进行现代 Web 开发。它构建在 Next.js 和 Tachyons 之上。并且您可以轻松地将生成的静态网站转变为完全动态的网站。
因为 NextJS 和函数式 CSS 使博客或静态页面的入门变得非常容易，所以对于想要学习这些技术的博主和开发人员来说，这是一个很好的起点。
您可以通过 npm 安装Wodle ：
npm install -g wodle
一旦安装了 Wodle，您就可以使用wodle命令。要构建新站点，您可以运行：
wodle myBlog
这将在您运行命令的同一目录中生成一个名为myBlog的新站点
要开始使用您的新站点，您只需 cd 进入它，然后安装依赖项：
cd myBlog
yarn
这将获取所有依赖项，一旦准备好，您就可以启动服务器运行：
yarn dev
然后转到localhost:3000/ ，您应该会看到如下所示的站点：
该服务器将侦听您的应用程序上的更改并重新加载浏览器。
如果您想在不热重载的情况下运行您的网站，您可以运行：
yarn start
要构建您的网站，您可以运行：
yarn build
这将生成一个out/文件夹，其中包含准备发布的静态站点。
您的网站将有不同的文件夹：
该文件夹包含您的页面文件，并且它们的名称与它们的路由相匹配，因此如果您想在/new-page上添加新页面，您将需要在此文件夹上添加一个名为new-page.js的新组件。如需高级路由检查，请点击此处。
脚手架附带了一些在components夹上预先构建的页面组件。
在此文件夹中，您将找到网站上所有预构建的组件，该脚手架应用程序的核心组件是：
一个侧边栏组件，用于获取项目并使用其 NavItems 呈现导航，该组件的内容位于content/sideBarOptions.js
该组件仅包含您想要在主要部分（网站中心）上显示的任何内容。
该组件呈现主文章，正如您在索引和每篇特定文章中看到的那样。该组件可以处理的内容演示位于content/mainArticle上。
该组件呈现一个文章列表，您将在侧边栏菜单的每个单独页面上看到，您可以在<something>Articles.js文件上的content/上看到列表
除其他外
你的 styles 文件夹用于存放所有 css（由于功能性 CSS 和 Tachyons，现在几乎是空的）
您可以继续删除页面（从pages文件夹中删除文件），按照脚手架上的模式添加更多页面、文章、选项，或者只是根据需要更改所有内容！您可以在 Next.js 网站和 Tachyons 上阅读精彩指南，打造精彩的网站或博客！
基于以前的艺术 chibicode.com 和 jspg
