首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >对于所有使用静态站点生成器的网页,是否可能使用通用的页眉/页脚?

对于所有使用静态站点生成器的网页,是否可能使用通用的页眉/页脚?
EN

Stack Overflow用户
提问于 2020-05-20 16:02:40
回答 1查看 184关注 0票数 0

我们已经在一个静态站点上工作了。我们使用了javascript客户端和HTML。我是一个堵塞堆栈和静态站点生成器的初学者。我们有所有页面的通用代码,即页眉和页脚相关代码。如何使用静态站点生成器对所有页面使用通用页眉/页脚?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-25 15:24:02

我不能回答所有的静态网站生成器,但对十一你会使用一个布局文件。这是记录在案,好的,但这里有一个例子。

首先,确保您有一个_includes文件夹,这是十一个查找布局的地方,默认情况下包括在内。(你可以改变这个。)使用您选择的模板语言创建布局文件,例如:main.liquid

代码语言:javascript
复制
<html>
<head>
</head>

<body>
{{ content }}
</body>
</html>

在此模板中,页面的内容将位于content变量中。要在常规的标记文件中使用此布局,请在前面引用它:

代码语言:javascript
复制
---
layout: main
---

## Hello World

Im markdown!

这假设您需要一个布局的“包装器”。您还可以创建一个名为header.liquid (或者使用您喜欢的模板语言的扩展名)和footer.liquid的文件,然后从您的文件中包含它们。

十一是非常灵活的,给你很多的选择。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61917617

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档