Yeoman / JS:在HTML模板中重复HTML块 - 编译最终与Wordpress集成?

时间:2013-01-17 11:31:57

标签: javascript node.js templates yeoman

是的,所以我正在开发一个最终 Wordpress后端 提供支持的项目,但是前端,严重 CSS3 JavaScript 提供支持 - 甚至可能利用历史API并通过AJAX动态加载内容。< / p>

我目前正在开发静态HTML模板,正确布局,获得页面之间交互和导航所需的所有JS等。我目前正在使用 Yeoman 作为手表服务器编译我的 SASS 模板并使用 RequireJS 合并所有JS模块。

一切都很顺利,但我开始注意到我在HTML模板中重复了很多HTML块,而且效率不高 - 我想在一个地方编辑块然后让它重复一遍我在页面上需要的时间 - 页面,页脚,博客列表页面上的单个博客项目等。而我正在构建前端模板。

基本上,我想做的是拥有块模板,我可以导入到父文件中,循环生成我需要的文件,并且一旦我准备好为最终标记提供动力< / strong>通过Wordpress,我可以构建项目,导出静态HTML文件,以及编译的JS和CSS3,然后在最后将HTML分解为Wordpress构建。

我最好怎么做?

整合 Jade ?使用把手?我对Jade提供的缩短语法并不太感到困扰,我只是希望能够在我搭建脚手架时从模板编译vanilla HTML。也许像 Jekyll 这样的东西?是否有基于节点的版本?

这是解决问题的正确方法吗?我考虑过从JSON生成我的所有前端,并且在Wordpress集成期间,在Wordpress中公开JSON API,但是生成DOM中的所有模板将不会产生 任何 SEO无论如何,这都是一个问题。

你们有什么想法?

1 个答案:

答案 0 :(得分:1)

我一直在寻找完全相同的东西。习惯使用jekyll进行html预处理,我认为Yeoman自然会支持布局和包含。

不幸的是它没有https://github.com/yeoman/yeoman/issues/700

不是说它不起作用,但我尝试使用yeoman-jekyll并且在OSX和Windows上与它进行了一个小时的斗争后发现它不会生成与默认的Yeoman init构建一样全面的gruntfile

你提到了Jade,我并没有提到它,但这看起来像一个方便的帖子:Integrating Jade in Yeoman's server/watch/reload tasks

保持简单,我希望我做到了!