文字溢出(即不包装)在Jekyll博客文章中

时间:2015-12-22 00:36:22

标签: markdown jekyll

我有一个由GitHub Pages托管的Jekyll网站,当我从markdown文件呈现时,文本会随机溢出。 (这是在我当地的Jekyll服务器以及Pages上。)

例如,您可以在此页面上清楚地看到问题: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

2 个答案:

答案 0 :(得分: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。希望能指出正确的道路。

答案 1 :(得分:0)

发现问题,不知何故文件已损坏或编码错误。

enter image description here