怎么在html中include一个另外一个html内容

Question

首先欢迎大家提供js前端模板引擎，简单的说就是一个html页面包含另外一个页面，比如页面的头部和尾部，大部分页面都包含这两部分，又不想将代码复制到每个功能页面当中去。

<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">

<title>
  {% if page.layout == "home" %}
    {{ page.title }}
  {% else %}
    {{ page.title }} &middot; Bootstrap
  {% endif %}
</title>

这段代码是我在bootstrap的doc/_includes/header.html中找到的,我想问的是{% if %}这是什么语言的语法。

{% include social-buttons.html %}
{% highlight html %}
{% endhighlight %}
{% for language in site.data.translations %}
<li>
<a href="{{ language.url }}" hreflang="{{ language.code }}">
{{ language.description }} ({{ language.name }})
</a>
</li>
{% endfor %}

最重要的就是这个功能，include其它页面到本页面，bootstrap是怎么做到的。

Answer 1

念念不忘必有回响
无意中发现了bootstrap blog的前端框架用的是jekyll,一个简单的免费的Blog生成工具,最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名

Answer 2

不是bootstrap做到的，是引用的其他模板语言吧，很多模板语言都采用这种或者类似于这种的语法

Answer 3

是模板引擎的语法。
比如你百度下express框架...

Answer 4

这是bootstrap用的模板引擎Jinja2的写法，详细的资料可以查看Jinja2的文档

Answer 5

静态页面构建可以使用 gulp-file-include
使用 gulp-file-include 构建前端静态页面

Answer 6

不使用框架可以将公共的写在JS然后插进去（对seo不友好），框架的话可以用vue.js的组件，你这个模板和php挺像