如何统一更改设置导航栏

Question

我遇到的问题：

1.公司网页较多，每次更改导航内容，都要把相应拥有 导航 的网站抓出来，更改其内容。

缺点：1.花费的时间成本大。
     2.后台每一次获取数据，更改导航内容，容易照成不必要的资源浪费。
     3.以后造成的麻烦很大。

自己尝试方法：
1.<iframe>,但是导航有下拉，会被遮挡;
2.JQ抓取所有导航链接，更改<a href="www.xxx.com" title="主页">,抓取$('a').attr('href','xxx.html');但是后台数据每次会更新导航栏上的动态数据，我希望做到的是不要浪费资源，获取一次就好。



希望大家帮帮忙，我是新手，有没有什么办法可以解决~

Answer 1

你需要找个HTML模板重新把代码写一边，比如jade,ejs等，jsp PHP也可以，实在不行用jekyll都行。用jade,ejs写的代码可以用grunt或是gulp编译成 HTML或是jsp和PHP.
我个人比较推荐的的 jade，但是需要花不到一天的时间学习新的语法。