推特引导 3 文件结构混乱

Twitter Bootstrap 3 File Structure Confusion

本文关键字：文件结构 混乱      更新时间：2023-09-26

我从github（其中包括docu站点）下载了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 文件。

Bootstrap 文档使用 Jekyll 静态网站构建工具。
Jekyll 使用 Liquid 模板语言，这是解释{% include %}指令和{{ }}表达式的语言。以下是一些关于 Liquid 的文档：

  • http://jekyllrb.com/docs/templates/
  • http://docs.shopify.com/themes/liquid-basics

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

相关文章：