各位前端都用什么模板？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3764 天前的主题，其中的信息可能已经有所发展或是发生改变。

在写静态页面的时候，基本所有的 header 和 footer 都是一样的。
当 header 和 footer 有变动，很难批量修改。
这种情况大家都是用模板解决的吧，不过我之前没用过，不太了解，所以想问下大家都用什么模板？

footer

header

模板

26 条回复 • 2014-08-24 10:27:49 +08:00

xiaojj

2014-08-23 14:56:13 +08:00

jq
<script type="text/javascript">$(".head").load("top.html");</script>

snowrain

2014-08-23 15:01:09 +08:00

@xiaojj 这种加载方式之前看过，感觉不友好，我想要能生成带 header 和 footer 的完整 html 文件的模板引擎。

sivacohan

2014-08-23 15:13:49 +08:00 via Android

jinjia2

emric

2014-08-23 15:20:28 +08:00

把 jade 当作预编译语言, 发布时再使用 grunt 打包处理.

loading

2014-08-23 15:27:27 +08:00 via Android

很难批量修改吗？我用nitepad++都能批量改，就用查找替换，其中有整个目录所有文件或者当前打开的所有文件。

你说的一般是后端的 include功能，基本都有！
如果1L 的javascript方案不符合你要求，那你问什么前端～

loading

2014-08-23 15:29:48 +08:00 via Android

哦，其实一般 cms 都有自己的模板方案，你说到的根本不是问题～

静态的如 jekyll 都有这方面功能，实在不知道你需要什么！

reeco

2014-08-23 15:31:04 +08:00

jsp可以<jsp:include>

snowrain

2014-08-23 15:37:43 +08:00

@emric jade 就算了，不喜欢它的语法。
@loading 你遇到这种情况都用 Notepad++ 批量修改么？我说的确实是 include 功能，不过只要方便使用，能输出 html 文件，如4楼所说。搭个运行环境也没问题啊。
最好能配合 gulp 使用。

loading

2014-08-23 15:42:35 +08:00 via Android

@snowrain 你要的是静态生成引擎？
jekyll

请详细说一下你所谓的写静态页面是什么工作内容，就单独写 html？现在至少都搭配 wordpress 才能卖钱啦～

donnior

2014-08-23 15:44:29 +08:00 via iPhone

我们公司现在前端用jekyll，主要是模版和sass

snowrain

2014-08-23 15:47:54 +08:00

@loading 确实是单独写 html，然后交给后端（asp），让后端改成他所需要用的。

loading

2014-08-23 15:54:03 +08:00 via Android

你用 1L 的吧，我大后端无所不能，用
@xiaojj 的也方便后端直接 include ，大家都方便！不信你问他一下，当然，asp 的可能差一点～

snowrain

2014-08-23 15:59:19 +08:00

@loading 想想也是，重复的部分后端也就用一次。
不过总不会一直是这种工作模式，如果和后端配合，根据后端所用的语言选择模板吗？

fanzeyi

2014-08-23 16:07:06 +08:00

CodeKit: https://incident57.com/codekit/

The Kit Language

https://incident57.com/codekit/help.html#kit

snowrain

2014-08-23 16:23:43 +08:00

@fanzeyi 木有 Mac 。

liaa

2014-08-23 17:30:06 +08:00

我用 liquid,然后使用 grunt-liquid 进行自动合并

solodxg

2014-08-23 18:53:39 +08:00

https://github.com/alanshaw/grunt-include-replace 单独写head和foot的html片段,然后include到页面中,最后grunt

Owenjia

2014-08-23 19:00:44 +08:00

jinja2 不错～～
http://jinja.pocoo.org/

dimlau

2014-08-23 21:29:24 +08:00

静态页面可以用 SSI（Server Side Includes）来实现固定内容调用。
具体去搜索吧，Apache & Nginx 都支持的。

kmvan

2014-08-23 21:36:06 +08:00 via Android

shtml

kokdemo

2014-08-23 22:28:40 +08:00

其实我一直很好奇，有没有什么方法在前端部分处理路由比较给力的。

cloudhunter

2014-08-23 23:20:44 +08:00

Server Side Includes +1

casparchen

2014-08-23 23:33:18 +08:00

jinja2 +3

raincious

2014-08-24 07:51:36 +08:00

好吧，我在自己的项目里用了@paulguo家的 http://juicer.name/。

不是前端，但是觉得足够好用了。

thanksir

2014-08-24 09:20:59 +08:00

handlebars
http://handlebarsjs.com/

robertlyc

2014-08-24 10:27:49 +08:00

slim/jade