提取常见的 html 内容以分离文件以供重用答案

【问题标题】：Extract common html content to separate files for reusing提取常见的 html 内容以分离文件以供重用
【发布时间】：2014-07-15 12:47:36
【问题描述】：

我已经建立了一个包含很多子页面的网站（使用 GitHub 页面）。这些页面中的几乎每一页都包含以下相同的内容，例如页脚部分如下：

<footer id="content-info" class="container" role="contentinfo">
    ...
</footer>

我的问题是：如何将这个共享的相同部分提取到单独的文件中以供重复使用？然后我可以简单地以某种方式将该文件包含在需要包含页脚部分的任何位置。如果可能的话，我可以轻松地编辑这部分，所有包含它的页面都会自动更改。

【问题讨论】：

【解决方案1】：

GitHub Pages 支持 Jekyll，一个静态站点生成器。 Jekyll 在引擎盖下使用 Liquid 模板。即使没有生成静态站点，您也应该能够利用模板。

这里有更多关于 Jekyll 的信息：http://jekyllrb.com/docs/home/

要让 Jekyll 使用 GitHub Pages 进行处理，您可能需要添加一个 _config.yml 文件。更多信息在这里：http://jekyllrb.com/docs/configuration/

然后，一旦 Jekyll 处理了您的 .html 文件，您就可以使用简单的模板语法来包含来自其他文件的内容。

例子：

<!-- html here -->
{% include footer.html %}
<!-- more html here -->

这将默认包含_includes/footer.html 的内容。有关模板的更多信息包括：http://jekyllrb.com/docs/templates/#includes

希望对你有帮助！

【讨论】：

【解决方案2】：

您可以简单地将 div 的内容复制到一个 php 或 html 文件中，然后在每个页面中使用

<?php include 'footer.php'; ?>

这样，当您更改 footer.php 时，它会在整个网站上更新。

【讨论】：

【解决方案3】：

您的钱几乎是对的，获取您想要重用的代码 sn-ps 并将它们保存为单独的文件。

然后使用

<?php include_once ("file location/filename.extension"); ?>

包含该文件：D

##### html文件

<html>
<head>
<title>Title</title>
</head>

<body>
<p>content here</p>
<?php include_once ("file location/filename.extension"); ?>
</body>
</html>

##### 包含文件

<p>copyright by me<p>

【讨论】：