介绍
Assemble 是一个基于 Node.js 的静态网站生成器。它允许开发者使用诸如 Handlebars、Markdown 和 YAML 等模板语言，将这些文件渲染成 HTML、CSS 和 JavaScript。Assemble 还允许开发者使用 Gulp 或 Grunt 在生成网站之前进行一些处理。
assemble-template 是 Assemble 的一个模板库，提供了一些常用的模板，例如 HTML 模板、Sass 模板等。使用 assemble-template 可以快速搭建基于 Assemble 的静态网站。
安装
使用 npm 安装 assemble-template：
npm install assemble-template --save-dev
使用
1. 引入 assemble 模块和 assemble-template 模块
var assemble = require('assemble');
var templates = require('assemble-template');2. 创建 assemble 实例
var app = assemble();
3. 注册 assemble-template 模板
app.create('default');
app.templates('src/templates/*.html');
app.use(templates());4. 渲染模板
app.render('src/templates/index.html', function(err, view) {
if (err) throw err;
console.log(view.contents.toString());
});5. 添加数据
app.data({ author: 'Assemble' });6. 在模板中使用数据
<div class="author">{{ author }}</div>示例代码
下面是一个完整的示例代码，包括创建 assemble 实例、注册 assemble-template 模板、渲染模板和添加数据。
-- -------------------- ---- ------- --- -------- - -------------------- --- --------- - ----------------------------- --- --- - ----------- ---------------------- -------------------------------------- --------------------- ---------- ------- ---------- --- -------------------------------------- ------------- ----- - -- ----- ----- ---- -------------------------------------- ---
总结
Assemble 是一个功能强大的静态网站生成器，assemble-template 为其提供了常用的模板。使用 assemble-template 可以快速搭建基于 Assemble 的静态网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600575b581e8991b448ea6a8