在深入研究 Jekyll 和 Bootstrap 时,我注意到 Liquid 标签用于包含部分内容。
我在
{% include footer.html %}
之外放置了 </body>
,你瞧,页脚被渲染在 body 标签内!
我在主体上放置了一个 Bootstrap 特定边框类,并期望看到边框排除页脚,这就是我发现这种细微差别的方式。我认为很明显,
<body>
之外的东西将/不应该被渲染......但这是一个Liquid包含标签。不知何故,
{% include head.html %}
IS呈现在页面上,并且出现在它应该出现的位置...在带有通常素材和标记的正文标记上方。
那么这是怎么回事?约定是什么?我浏览了 Jekyll 文档,这些文档非常好,但没有提及如何解析这些包含标签。
我还在这里搜索了各种问题,尽管这些问题更多的是寻求基本渲染或高级变量传递的帮助。
我也做了谷歌搜索,但我的谷歌搜索结果不够......
{% include %}
-s 做任何特别的事情。如果将
{% include %}
指令放在
<body>
标签之外,则包含的内容也将保留在标签之外。如果您检查生成的文件,例如通过使用文本编辑器打开一个,您将看到预期的一切。但是,
您的浏览器会将此类内容移回到<body>
标签内,否则此类内容将是无效的 HTML。