markdown - Github Pages - 用于更好地呈现代码片段的降价

我正在尝试在我使用 Github Pages 制作的博客文章中添加一个代码片段，这就是它的样子。

仅几行代码就占据了大量空间的双框恐怖。

我尝试过不同种类的降价

我无法让它渲染得更好。

我正在使用从 jekylnow 派生的默认样式等。

有什么我遗漏的技巧吗？

更新：

降价

你好

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

你好


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

你好


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

标签： markdowngithub-pagesblogsgithub-flavored-markdown

正如@lukehod 在这个答案中所描述的......

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

前：

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

后：

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

最初的问题似乎是人们仍然遇到的一些 Jekyll 模板。如果有人想要更多信息，我从这个 SO 答案中找到了答案，它引用了这个线程。