Gulp 具有Yeoman generator webapp功能的静态站点生成器

Gulp 具有Yeoman generator webapp功能的静态站点生成器,gulp,ecmascript-6,yeoman,browser-sync,static-site,Gulp,Ecmascript 6,Yeoman,Browser Sync,Static Site,我尝试过的所有静态站点生成器(SSG)与我使用的前端开发工作流(例如or)相比,仍然感觉像是降级您是否知道SSG除了具有常规功能外: 以降价方式写文章 使用某些模板语言(例如EJS)设置主题布局的样式 此外,还提供了像generator webapp这样的Yeoman生成器所提供的可用性级别?generator webapp的一些功能包括: CSS自动刷新 带BrowserSync的内置预览服务器 使用libsass自动编译Sass 自动删除脚本 使用源映射将编译的CSS映射到源样式表 令

我尝试过的所有静态站点生成器(SSG)与我使用的前端开发工作流(例如or)相比,仍然感觉像是降级您是否知道SSG除了具有常规功能外

  • 以降价方式写文章
  • 使用某些模板语言(例如EJS)设置主题布局的样式
此外,还提供了像generator webapp这样的Yeoman生成器所提供的可用性级别?generator webapp的一些功能包括:

  • CSS自动刷新
  • 带BrowserSync的内置预览服务器
  • 使用libsass自动编译Sass
  • 自动删除脚本
  • 使用源映射将编译的CSS映射到源样式表
  • 令人敬畏的图像优化
  • 自动连接与Bower一起安装的依赖项
  • gulpfile通过使用Babel利用ES2015功能
与SSG工作流相比,使用generator webapp简直是一种乐趣。我也在谈论修改SSG博客主题——对于大多数SSG来说,以降价方式写文章通常是可以的(尽管添加D3以在文章中显示良好的可视化效果不会那么顺利)

我尝试过的SSG,比如Jekyll、Hugo,甚至基于节点的Hexo都提供了一些基本的实时重新加载,甚至预处理器。尽管如此,他们不允许您使用ES6编写脚本,引入最新的bower软件包,并将其自动链接到站点,以便在博客文章中演示一些新技术。这在类似或的情况下是可能的,但另一方面,它们缺乏降价处理、使用模板标记和片段创建主题布局等


看起来很有希望,因为它提供了类似于SSG博客的功能,并且有人试图将其集成或删除,但它仍然远远不够理想。也许可以创建某种结合Harp和最新generator webapp的generator,将前端web开发和SSG博客工作流程的优点结合起来。

好的,在进行了大量探索并尝试了不同的静态站点生成器之后,我发现了Yeoman generator,它包含了一些内容,browsersync等。围绕Jekyll的魔法将是最平滑的方法

同一位作者的研究似乎取得了一些进展,但在撰写本文时,这项工作似乎正在进行中


此外,您还可以从命令行添加一些基本的帖子/页面/草稿管理。

好的,在进行了大量探索并尝试了不同的静态站点生成器之后,我发现Yeoman生成器包含了一些gulp、browsersync等。围绕Jekyll的魔法是最平滑的方法

同一位作者的研究似乎取得了一些进展,但在撰写本文时,这项工作似乎正在进行中

此外,您可以从命令行添加一些基本的文章/页面/草稿管理