2015-12-22 71 views
0

我有一個Jekyll站點,由GitHub Pages託管,其中,隨機地,文本將從我的降價文件呈現時溢出。 (這是否我的本地傑基爾服務器以及網頁。)Jekyll博客文章溢出(即不包裝)

例如,你可以清楚地看到這個頁面上的問題:http://shanekercheval.me/determine-idea-assumptions-and-next-steps/

是什麼原因造成的?它似乎是隨機的,這不是唯一一個存在這個問題的頁面。

源文件所在的位置:https://github.com/shane-kercheval/shane-kercheval.github.io

這種特殊的降價文件是:https://github.com/shane-kercheval/shane-kercheval.github.io/blob/master/_posts/2015-06-28-determine-idea-assumptions-and-next-steps.md

+0

注意,你不能水平滾動的原因是因爲我有溢出-X:隱藏; (不同的原因),但這並不能解釋爲什麼它首先溢出。 – shaneker

+0

此外,我還安裝/創建了一個新的jekyll項目(jekyll 3.0.1),將降價文件複製到新項目中,並且它有相同的顯示問題 – shaneker

回答

0

如果檢查有問題的元素,你會看到,每個空間都non-breaking space S( ) ,這是包裝線不包裝(NBSP的預期目的)。例如,在你的榜樣頁第一款違規看起來是這樣的:

<p><strong>The&nbsp;goal&nbsp;in&nbsp;the&nbsp;startup&nbsp;phase&nbsp;is&nbsp;to&nbsp;figure&nbsp;which&nbsp;assumptions&nbsp;should&nbsp;be&nbsp;validated&nbsp;first</strong>,&nbsp;which&nbsp;depends&nbsp;on&nbsp;where&nbsp;your&nbsp;confidence&nbsp;is,&nbsp;what&nbsp;data&nbsp;you&nbsp;have,&nbsp;and which&nbsp;assumptions&nbsp;you&nbsp;can&nbsp;validate&nbsp;the&nbsp;quickest&nbsp;and&nbsp;most&nbsp;inexpensively.</p> 

替換每個那些&nbsp;與常規的空間,你的問題就會迎刃而解。

特別的是,這些NBSP似乎並不存在於源Markdown文件中,事實上,當我在瀏覽器中查看源代碼時,它們也不存在於那裏。我的猜測是某些JavaScript正在改變插入它們的HTML,但這不是一個真正的調試論壇。無論如何,當使用瀏覽器的開發工具來查看實際的實時HTML代碼(瀏覽器實際看到的內容,而不是服務器提供的HTML源代碼)時,問題顯然存在。導致瀏覽器插入那些NBSP。希望你指出正確的道路。

+0

非常感謝。我深入挖掘,這些&nbsp生成的原因是文件編碼看起來不正確?直到我碰巧看到顯示ansi的diffmerge時,我才注意到這一點。 – shaneker

+0

啊,瀏覽器被編碼混淆了,誤將這些空間解釋爲NBSP。 – Waylan

0

發現問題,不知何故文件被損壞或編碼不正確。

enter image description here