結束div似乎從代碼消失

Question

這裏是我的代碼：https://github.com/jhvanderschee/rafkappers

該關閉的div沒有在FF或Chrome所示：https://github.com/jhvanderschee/rafkappers/blob/master/_includes/footer.html#L38

這可以在這裏看到：http://www.rafkappers.nl。在本地主機，這不會發生。這讓我瘋狂！如何解決這個問題？

編輯：我已經添加了一些額外的源代碼示例來說明問題。請注意，我稍後添加了評論，以證明該網站已部署（正確）。

查看源代碼：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的Mike那裏得到了反饋：這是CloudCannon導致的一個問題。他寫道：

「In _includes/footer.html你正在關閉一個已經在其他地方打開過的東西。通常這不會是一個問題，但是你也有這個文件的可編輯類。我們需要自己解析一個html文件，當我們在_includes/footer上這樣做的時候。HTML，解析器會看到有一個額外的，並刪除它，因爲它從來沒有打開「

有兩種解決方案：在同一個文件

• 總是打開和關閉HTML元素或
• 唐「T使用編輯類，你在多個文件中打開/關閉的HTML元素。

Answer 2

它看起來像使用CloudCannon建立自己的網站的任何工具，是去除div。

我在GitHub上克隆了您的存儲庫，並運行了一個簡單的jekyll build來查看生成的文件，它的行爲如預期。

我已經穿上了GitHub的回購您的網站的副本，讓GitHub的頁面上投放化身，並且它也可以作爲預期*

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

（*）圖像不顯示，因爲你沒有準備它有基地址，你應該修復該問題

我注意到的一件事是，div它se ems缺失，div對應於<div id="wrapall">的關閉，在此之前，還有另一個div,<div id="nonsplash">，它從不關閉。所以你可能想嘗試關閉這個nonsplashdiv，看看是否能修復它（假設某些工具正在驗證Jekyll的HTML輸出並對其進行更改）。

如果這沒有幫助，最好的辦法是聯繫CloudCannon支持，並顯示在直接使用Jekyll或GitHub頁面時，此行爲不會發生。