提取常见的html内容以分离文件以便重用

时间:2014-07-15 12:47:36

标签: html reusability github-pages

我建立了一个网站(使用GitHub页面),其中包含很多子页面。这些页面中的每一个几乎包含以下相同的内容,例如,页脚部分是这样的:

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

我的问题是:如何将此共享相同的部分提取到单独的文件中以便重复使用?然后我可以简单地以某种方式将此文件包含在需要包含页脚部分的任何位置。如果可以,我可以轻松编辑此部分一次,包含它的所有页面将自动更改。

3 个答案:

答案 0 :(得分:4)

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

以下是关于Jekyll的更多信息:http://jekyllrb.com/docs/home/

要让Jekyll使用GitHub页面进行处理,您可能需要添加_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

我希望有所帮助!

答案 1 :(得分:-1)

你非常正确的钱,拿你想要重复使用的代码片段并将它们保存为单独的文件。

然后使用

<?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>

答案 2 :(得分:-1)

你可以简单地将div的内容复制到php或html文件中,并使用

从每个页面调用它
<?php include 'footer.php'; ?>

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