Twitter Bootstrap 3文件结构混乱

2014-03-31 59 views 0 likes

我从github（包括文档站点）下载了bootstrap 3 master zip，并注意到它们将页眉/页脚文件导入到page/default.html文件中，就像您在PHP。Twitter Bootstrap 3文件结构混乱

例如，这是在Home.html文件中的代码（在文档/ _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文件。

来源

2014-03-31 Nuro

回答

Bootstrap文档使用Jekyll静态网站构建工具。
Jekyll使用液体templating language，这是解释{% include %}指令和{{ }}表达式。这里有一些液体文档：

模板不涉及的JavaScript。在构建时，模板将被评估一次，以生成静态HTML文件。 Jekyll本身就是用Ruby编程语言编写的。

来源

2014-03-31 20:54:34 cvrebert

我认为OP在此之后有另一个问题，“什么是模板引擎？” – Zafar

谢谢！将在液体上读取 – Nuro

Twitter Bootstrap 3文件结构混乱

回答

相关问题