metalsmith

11个最流行的静态(博客)网站生成工具 最近特别流行使用静态网站搭建博客，本博客就是host在GitHub Pages的静态网站。静态网站非常适合专注于内容的网站，例如，博客。那你可能会问，为什么不用大名顶顶的wordpress（动态网站）呢。 静态网站和动态网站相比有如下好处： 省钱。静态网站占用的系统资源少。如果挂到github pages上，只要注册一个域名就可以了。 速度快。不经过php解析器，不用数据库，速度自然比动态网站快 安全。由于静态网站的简洁，免疫很多web攻击方式。 服务器端配置简单。只需要一个web server（apache、nginx）。 非常容易维护。 静态网站的缺点是功能弱，和用户的交互能力不强。 静态网站生成工具能从简单的纯文本文件生成一个网站/博客。常用文本格式有reStructuredText和Markdown，我习惯使用Markdown。 如果你想搭建自己的静态网站，你可以选用下面列出的11个工具。 Jekyll Jekyll 做为GitHub Pages的构建工具（Ruby语言），使它成为最流行的静态网站生成工具。Jekyll的流行也因为它非常简单，只需要基础的web开发基础。你可以使用它轻易的把文本转换为自定义的网站/博客。 如果你有wordpress或其他博客站点，你可以导入到Jekyll中。Jekyll支持插件、标签等等。 Github

距离上次更文有10个月的时间了，其实平时有总结很多技术点，但在掘金上只想发表关于前端工程化系列方面的文章，而又由于这段时间一直没有可落地的工程化项目（就是懒了🤦！），所以也不好在没有自己切身试验的情况下撰写博文。 OK，写这篇文章的契机呢，是因为我即将要做一个超级超级超级大项目，前期希望把前端基建的一些东西给搭建好，所以想着做一个脚手架工具，将基建的东西集成到模板中去，达到一个规范和提效的目的。其实这篇文章的重点并不是为了教大伙如何编写一个脚手架（掘金上关于这方面的教程太多），而是为了向你们安利我写的脚手架工具—— pandly-cli 😏。 正如标题所说， pandly-cli 最大的特色就是集成了 Element UI 、 View Design 、 Ant design 三大主流 UI 库供用户选择，并且还支持全局和按需的引入方式 。当然， pandly-cli 中不止这一个功能，还集成了很多提效的功能，文章后面会详细介绍。按照惯例，我还是先简单阐述下我写这个脚手架的心路历程。 脚手架 整体思路还是借鉴了 vue-cli2 的搭建模式（为什么不借鉴 vue-cli3 的？太复杂了！），然后自己做了点修改。整体目录结构如下： |-pandly-cli | |-bin # 命令执行文件 | | |-pandly # 主命令 | | |-pandly-create # 创建命令 |

My template: {{#each collections }} <span class="Category__Title">{{ @key }}</span> {{#each this }} <a href="{{ this.path }}">{{ this.title }}</a> {{/each}} {{/each}} Renders ( this.path is undefined ): <span class="Category__Title">French</span> <a href="">Braised vegetables</a> <span class="Category__Title">Thai</span> <a href="">Rice noodles</a> I'm using metalsmith: metalsmith .use(collections()) .use(markdown()) .use(templates({ engine: 'handlebars', directory: 'templates' })) .use(permalinks({ pattern: ':title' })) .destination('./public') At the time of compiling, I console log to