为什么我的Jekyll网站上的Markdown代码块会出现双框？

Question

我正在使用Markdown为托管在GitHub Pages上的Jekyll博客（使用Jekyll-Now主题）创建文章。我使用三个反引号来高亮代码块，但发布后，代码块显示为双框。我希望只有一个框。我使用stackedit.io测试了Markdown，在那里看起来很好 - 只有一个框。在此处也是正确的（见下文）。

博客文章here。我显然是新手，只有一篇文章。

有任何想法吗？谢谢。

Markdown

原始Markdown也在GitHub here中。

```python
center_lower_48 = [39.833333, -98.583333]
map = folium.Map(location = center_lower_48,
                 zoom_start = 4,
                 control_scale = True,
                 tiles = 'Stamen Terrain')
```

Markdown应该显示为：

center_lower_48 = [39.833333, -98.583333]
map = folium.Map(location = center_lower_48,
                 zoom_start = 4,
                 control_scale = True,
                 tiles = 'Stamen Terrain')

相反看起来像：

- aceace

Answer 1

对于仍然遇到此问题（像我一样）并寻找实际错误修复的人，因为原帖从未说过如何在这里修复它，所以请看下面：

在_sass/_highlights.scss文件中，您只需要用pre.highlight替换.highlight。如果未指定此项，则某些样式可能会应用两次。我还在pre.highlight{...}中更改了一个条目，从overflow: scroll;更改为overflow: auto;，以便在不必要时隐藏滚动条。

之前：

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

之后：

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

看起来最初的问题是一些人仍然遇到的Jekyll模板问题。我从这个SO答案中找到了答案，该答案引用了此线程，如果有人需要更多信息。

- lukehod

---

如果您发现字体仍然太大，就像我一样，这意味着您会得到比您想要的更多的滚动条，请在与overflow: auto相同的位置添加font: small。 - FreelanceConsultant

Answer 2

Kramdown支持常规（缩进）和围栏代码块，尽管它的语法与您正在使用的三重反引号GitHub样式不同：

kramdown also supports an alternative syntax for code blocks which does not use indented blocks but delimiting lines. The starting line needs to begin with three or more tilde characters (~) and the closing line needs to have at least the number of tildes the starting line has.

…

You can tell kramdown the language of a code block by using an IAL:

~~~
def what?
  42
end
~~~
{: .language-ruby}

在您的情况下，可以这样做：

~~~
center_lower_48 = [39.833333, -98.583333]
map = folium.Map(location = center_lower_48,
                 zoom_start = 4,
                 control_scale = True,
                 tiles = 'Stamen Terrain')
~~~
{: .language-python}

应该这样做。请注意，这两个都不是标准Markdown。

（您当前看到的框架可能是由kramdown嵌套多个代码块导致的。）

- Chris

---

谢谢您的回复。我尝试了这个方法，但不幸的是它并没有起作用。我以为可能是缩进的问题，所以我尝试了只使用3个波浪线，然后一行没有缩进，再使用3个波浪线，但我仍然得到了双重框架。请参见此处的“测试代码块”：https://goodmorningdata.github.io/NPS-Clickable-Map-Parks/。 - aceace

你确定你正在使用 kramdown 吗？ - Chris

是的，这是Kramdown，但是在Jekyll模板的scss文件中有一个bug导致了双重框架。现在已经修复了。非常感谢您的回复。 - aceace

Answer 3

我发现这是Jekyll模板的一个bug。感谢您的帮助。

- aceace

---

这不是一个答案。 - scottlittle