2014-03-31 83 views
0

我從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文件。

回答

0

Bootstrap文檔使用Jekyll靜態網站構建工具。
Jekyll使用液體templating language,這是解釋{% include %}指令和{{ }}表達式。這裏有一些液體文檔:

模板不涉及的JavaScript。在構建時,模板將被評估一次,以生成靜態HTML文件。 Jekyll本身就是用Ruby編程語言編寫的。

+0

我認爲OP在此之後有另一個問題,「什麼是模板引擎?」 – Zafar

+0

謝謝!將在液體上讀取 – Nuro