我从github(包括文档站点)下载了bootstrap 3 master zip,并注意到他们正在将页眉/页脚文件导入到page / default.html文件中,就像在PHP中一样。
例如,这是home.html文件中的代码(在docs / _layouts中):
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta, title, CSS, favicons, etc. -->
{% include header.html %}
</head>
<body class="bs-docs-home">
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
<!-- Docs master nav -->
{% include nav/main.html %}
<!-- Page content of course! -->
{{ content }}
{% include footer.html %}
</body>
</html>
我怎么能做同样的事情?他们使用Javascript导入文件吗?我在一台不允许php(大学网站)的服务器上。
任何帮助都会受到赞赏,因为我还在学习,这样每次菜单更改时都不会更新20个以上的html文件会更容易。
答案 0 :(得分:0)
Bootstrap文档使用Jekyll静态网站构建工具
Jekyll使用Liquid templating language,它解释{% include %}
指令和{{ }}
表达式。以下是关于Liquid的一些文档:
模板不涉及JavaScript。在构建时对模板进行一次评估,以生成静态HTML文件。 Jekyll本身是用Ruby编程语言编写的。