关闭 div 似乎从代码中消失了

Question

这是我的代码：https://github.com/jhvanderschee/rafkappers

FF 或 Chrome 中不显示此结束 div：https://github.com/jhvanderschee/rafkappers/blob/master/_includes/footer.html#L38

可以在这里看到：http://www.rafkappers.nl。在 localhost 这不会发生。它快把我逼疯了！！！如何解决这个问题？

编辑：我添加了一些额外的源代码示例，以说明问题。请注意，我稍后添加了 cmets，以证明站点已部署（正确）。

查看源：http://www.rafkappers.nl/（使用 CloudCannon 托管的实时网站）

<!-- div after --><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

https://app.cloudcannon.com/editor#/site/21927/browser/_includes/footer.html（CC 中的源代码）

</footer>
<!-- div after --></div><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

查看源代码：http://localhost:4000/

</footer>
<!-- div after --></div><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

Answer 1

看起来 CloudCannon 用于构建您的网站的任何工具都删除了 div。

我在 GitHub 上克隆了您的存储库，并运行了一个简单的 jekyll build 来查看生成的文件，它的行为符合预期。

我已将您网站的副本放在 GitHub 存储库上，以让 GitHub 页面运行 Jekyll，它也可以按预期工作*

https://sandboxorg.github.io/rafkappers/ https://github.com/sandboxorg/rafkappers

(*) 图片不显示是因为你没有准备它有基本 ​​url，你应该修复它

我注意到的一件事是，似乎缺少的 div 是 div，对应于 <div id="wrapall"> 的关闭，就在此之前，还有另一个 div、<div id="nonsplash">永远不会关闭。所以你可能想尝试关闭这个nonsplashdiv，看看是否可以解决它（假设某些工具正在验证 Jekyll 的 HTML 输出并对其进行更改）。

如果这没有帮助，最好的办法是联系 CloudCannon 支持，并表明当直接使用 Jekyll 或 GitHub 页面时，不会发生这种行为。

Answer 2

我刚刚收到来自 CloudCannon 的 Mike 的反馈：这是 CloudCannon 造成的问题。他写道：

“在 _includes/footer.html 中，您正在关闭已在其他地方打开的文件。通常这不会有问题，但您在此文件上也有可编辑的类。要使可编辑的类正常工作，我们需要自己解析一个 html 文件。当我们在 _includes/footer.html 上执行此操作时，解析器将看到有一个额外的并删除它，因为它从未打开过。"

有两种解决方案：

• 始终在同一个文件中打开和关闭 HTML 元素或
• 不要使用可编辑的类来打开/关闭跨多个文件的 html 元素。