2

是的,所以我目前正在开发一个项目,该项目最终将由Wordpress 后端提供支持,但在前端,将由CSS3 和 JavaScript 提供强大支持——甚至可能利用历史 API 并动态加载内容通过 AJAX。

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

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

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

我最好怎么做?

整合翡翠?使用车把?我对 Jade 提供的缩短语法并不太在意,我只是希望能够在搭建脚手架时从模板编译 vanilla HTML。也许像Jekyll 之类的?是否有基于节点的版本?

这甚至是正确的处理方式吗?我考虑过从 JSON 生成所有前端,并且在 Wordpress 集成期间,在 Wordpress 中公开 JSON API,但在 DOM 中生成所有模板不会产生任何SEO,这是一个问题。

你们有什么感想?

4

1 回答 1

1

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

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

并不是说它不起作用,但我尝试使用yeoman-jekyll,在 OSX 和 Windows 上使用它一个小时后发现它生成的 gruntfile 不如默认的 Yeoman init 构建那样全面。

您提到了 Jade,我对此一无所知,但这看起来很方便:Integrating Jade in Yeoman's server/watch/reload tasks

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

于 2013-02-03T22:41:27.853 回答