Github Pages - Markdown 以更好地呈现代码片段

Question

我正在尝试在博客上添加一个代码片段 post 我正在使用 Github 页面制作它的样子。

几行代码就占据了space巨量的双框恐怖片

我试过各种markdown

 块</p>
</li>
<li><p>4spaces</p>
</li>
<li><p>三次反引号</p>
</li>
</ol>
<p>我无法让它呈现得更好。</p>
<p>我正在使用从 jekylnow 派生的默认样式等。</p>
<p>有什么我遗漏的技巧吗？</p>
<p><strong>更新：</strong></p>
<p>降价</p>
<p>你好</p>
<pre><code>function try(no) 
{
    while (no)
    {
        ...
        ....
    }
    return no;  
}

你好


function try(no) 
{
    while (no)
    {
        ...
        ....
    }
    return no;  
}

你好


function try(no) 
{
    while (no)
    {
        ...
        ....
    }
    return no;  
}

Answer 1

如@lukehod 在 this answer...

中所述

在 _sass/_highlights.scss 文件中，您只需将 .highlight 替换为 pre.highlight。如果未指定，某些样式似乎可以应用两次。我在 pre.highlight{...} 中也有一个条目，我从 overflow: scroll;溢出：自动；以便在不需要时隐藏滚动条。

之前：

.highlight{
    ...
    overflow: scroll;
    ...
}

之后：

pre.highlight{
    ...
    overflow: auto;
    ...
}

最初的问题似乎出在人们运行仍然喜欢的一些 Jekyll 模板上。我从这个 SO answer 中找到了答案，如果有人需要更多信息，它引用了这个线程。

Github Pages - Markdown 以更好地呈现代码片段

Github Pages - markdown for better rendering of code snippets

markdown

blogs

github-pages

github-flavored-markdown