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

时间:2016-03-05 23:42:50

标签: gulp ecmascript-6 yeoman browser-sync static-site

我尝试过的所有静态站点生成器(SSG)与我的前端开发工作流程相比仍然感觉像降级一样。 generator-webappgenerator-gulp-angular除了通常的功能之外,你知道SSG

  • 在Markdown写帖子
  • 以某种模板语言(例如EJS)
  • 设置主题布局的样式

提供可用性级别,就像生成器webapp提供的Yeoman生成器一样?一些特性generator-webapp包括:

  • CSS Autoprefixing
  • 带BrowserSync的内置预览服务器
  • 使用libsass
  • 自动编译Sass
  • 自动lint你的脚本
  • 将已编译的CSS映射到包含源地图的源样式表
  • 令人敬畏的图片优化
  • 使用Bower
  • 自动连接依赖关系
  • gulpfile使用Babel
  • 来使用ES2015功能

与SSG工作流程相比,使用generator-webapp非常高兴。我也在谈论修改SSG博客主题 - 对于大多数SSG而言,Markdown中的帖子通常都是好的(尽管例如添加D3以显示帖子中的良好可视化并不是那么顺利)。

我曾尝试过像Jekyll,Hugo甚至基于Node的Hexo这样的SSG确实提供了一些基本的实时重新加载甚至是预处理器。不过,他们仍然不允许你在ES6中编写脚本,引入最近的bower包并让它自动链接到该站点,在博客文章中对一些新技术进行小型演示。这可能是generator-gulp-angulargenerator-webapp之类的内容,但另一方面,这些内容缺少Markdown处理,主题布局创建以及模板标签和部分内容等。

Harp.js看起来很有希望,因为它提供了类似SSG博客的功能,并且尝试将其集成with BrowserSyncYeoman generators,但它仍然远非理想。也许可以创建一些结合了Harp和最新的generator-webapp的composed生成器,以结合最好的前端Web开发和SSG博客工作流程。

1 个答案:

答案 0 :(得分:0)

好的,经过大量的探索并尝试了不同的静态站点生成器之后,我发现了Jekyllized Yeoman生成器在Jekyll周围包含了一些gulp,browsersync等魔术,是最顺畅的方法。

同一作者的Hugo Yeoman generator似乎有一些进展,但在撰写本文时似乎正在进行中。

此外,您可以从命令行为基本的帖子/页面/草稿管理添加jekyll-compose