具有Yeoman generator-webapp功能的靜態站點生成器

Question

與我使用generator-webapp或generator-gulp-angular進行的前端開發工作流相比，我嘗試過的所有靜態站點生成器（SSG）仍然感覺像是降級了。 您是否知道除常規功能外的SSG ：

• 在Markdown中寫帖子
• 用某種模板語言（例如EJS）設置主題布局的樣式

還可以提供類似Yeoman生成器（如generator-webapp）提供的可用性級別嗎？ generator-webapp的一些功能包括：

• CSS自動前綴
• 帶有BrowserSync的內置預覽服務器
• 用libsass自動編譯Sass
• 自動整理腳本
• 使用源映射將已編譯的CSS映射到源樣式表
• 很棒的圖像優化
• 通過Bower自動連接依賴項
• gulpfile通過使用Babel來利用ES2015功能

與SSG工作流程相比，使用generator-webapp實在是一件樂事。 我也正在談論修改SSG博客主題–在Markdown中，對於大多數SSG而言，撰寫文章通常是可以的（盡管例如，添加D3以在帖子中顯示漂亮的可視化效果並不那么順利）。

我嘗試過的諸如Jekyll，Hugo甚至基於Node的Hexo之類的SSG確實提供了一些基本的實時重載甚至是預處理器。 但是，它們仍然不允許您例如在ES6中編寫腳本，引入最新的Bower軟件包，並使其自動鏈接到該站點，以便在博客文章中進行一些新技術的小規模演示。 在generator-gulp-angular或generator-webapp之類的東西中可能會發生這種情況，但是另一方面，它們缺少Markdown處理，使用模板標簽和局部元素創建主題布局等。

Harp.js看起來很有前途，因為它提供了類似於SSG博客的功能，並且嘗試將其與BrowserSync或Yeoman生成器集成，但仍遠非理想。 也許是某種由發生器結合豎琴和最新發電機web應用可以創建最好的前端Web開發和SSG博客工作流程相結合。

Answer 1

好吧，經過大量的探索並嘗試了不同的靜態站點生成器之后，我發現Jekyllized Yeoman生成器將一些gulp ，瀏覽器同步等包裝在Jekyll周圍，這是最平滑的方法。

同一作者的Hugo Yeoman生成器似乎有所進步，但在撰寫本文時似乎仍在進行中。

另外，您可以從命令行添加jekyll-compose來進行一些基本的帖子/頁面/草稿管理。