具有 Yeoman generator-webapp 功能的静态站点生成器
Static site generator with Yeoman generator-webapp capabilities
与我使用的前端开发工作流相比,我尝试过的所有静态站点生成器 (SSG) 仍然感觉像是降级了。 generator-webapp or generator-gulp-angular。 你知道 SSG 除了通常的功能之外:
- 在 Markdown 中写 posts
- 使用某种模板语言(例如 EJS)设计主题布局
还提供像 generator-webapp 这样的 Yeoman 生成器提供的可用性级别?generator-webapp 包括的一些功能是:
- CSS 自动前缀
- 带有 BrowserSync 的内置预览服务器
- 使用 libsass
自动编译 Sass
- 自动检查您的脚本
- 映射编译CSS到带有源映射的源样式表
- 出色的图像优化
- 自动连接随 Bower 安装的依赖项
- gulpfile 通过 Babel 使用 ES2015 特性
与 SSG 工作流相比,使用 generator-webapp 简直是一种乐趣。我也在谈论修改 SSG 博客主题——post 在 Markdown 中的写作对于大多数 SSG 来说通常是好的(尽管例如添加 D3 以在 post 中显示一个漂亮的可视化不会是光滑)。
我尝试过的 SSG(例如 Jekyll、Hugo 甚至基于节点的 Hexo)确实提供了一些基本的实时重新加载甚至预处理器。尽管如此,他们还是不允许你,例如用 ES6 编写脚本,拉入最近的 bower 包,并让它自动链接到站点,在博客中对一些新技术进行小型演示 post。这在 generator-gulp-angular or generator-webapp 之类的东西中是可能的,但另一方面,这些缺少 Markdown 处理、使用模板标签和部分等创建主题布局。
Harp.js looks promising, as it provides the SSG-blog-like functionality and there are attempts to integrate it with BrowserSync or Yeoman generators, but it is still far from ideal. Perhaps some sort of composed 可以创建结合了 Harp 和最新的 generator-webapp 的生成器,以结合最好的前端 Web 开发和 SSG 博客工作流程。
好的,经过相当多的探索和尝试不同的静态站点生成器,我发现 Jekyllized Yeoman 生成器包装了一些 gulp、browsersync 等围绕 Jekyll 的魔法是最流畅的方法。
同一作者的 Hugo Yeoman generator 似乎有一些进展,但在撰写本文时似乎正在进行中。
此外,您可以添加 jekyll-compose 以从命令行进行一些基本 post/page/draft 管理。
与我使用的前端开发工作流相比,我尝试过的所有静态站点生成器 (SSG) 仍然感觉像是降级了。 generator-webapp or generator-gulp-angular。 你知道 SSG 除了通常的功能之外:
- 在 Markdown 中写 posts
- 使用某种模板语言(例如 EJS)设计主题布局
还提供像 generator-webapp 这样的 Yeoman 生成器提供的可用性级别?generator-webapp 包括的一些功能是:
- CSS 自动前缀
- 带有 BrowserSync 的内置预览服务器
- 使用 libsass 自动编译 Sass
- 自动检查您的脚本
- 映射编译CSS到带有源映射的源样式表
- 出色的图像优化
- 自动连接随 Bower 安装的依赖项
- gulpfile 通过 Babel 使用 ES2015 特性
与 SSG 工作流相比,使用 generator-webapp 简直是一种乐趣。我也在谈论修改 SSG 博客主题——post 在 Markdown 中的写作对于大多数 SSG 来说通常是好的(尽管例如添加 D3 以在 post 中显示一个漂亮的可视化不会是光滑)。
我尝试过的 SSG(例如 Jekyll、Hugo 甚至基于节点的 Hexo)确实提供了一些基本的实时重新加载甚至预处理器。尽管如此,他们还是不允许你,例如用 ES6 编写脚本,拉入最近的 bower 包,并让它自动链接到站点,在博客中对一些新技术进行小型演示 post。这在 generator-gulp-angular or generator-webapp 之类的东西中是可能的,但另一方面,这些缺少 Markdown 处理、使用模板标签和部分等创建主题布局。
Harp.js looks promising, as it provides the SSG-blog-like functionality and there are attempts to integrate it with BrowserSync or Yeoman generators, but it is still far from ideal. Perhaps some sort of composed 可以创建结合了 Harp 和最新的 generator-webapp 的生成器,以结合最好的前端 Web 开发和 SSG 博客工作流程。
好的,经过相当多的探索和尝试不同的静态站点生成器,我发现 Jekyllized Yeoman 生成器包装了一些 gulp、browsersync 等围绕 Jekyll 的魔法是最流畅的方法。
同一作者的 Hugo Yeoman generator 似乎有一些进展,但在撰写本文时似乎正在进行中。
此外,您可以添加 jekyll-compose 以从命令行进行一些基本 post/page/draft 管理。