为什么我在 Jekyll 站点上的 Markdown 代码块周围出现双框？

Question

我正在使用 Markdown 为一个 Jekyll 博客创建帖子，主题是 Jekyll-Now，托管在 GitHub Pages 上。 我使用围栏代码块（带有三个反勾号）突出显示代码，并且在发布时，代码块显示为双框。 我只想要一个框架。 我使用stackedit.io 来测试markdown，它看起来不错——只有一帧。 在这里看起来也正确（见下文）。

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

有任何想法吗？ 谢谢你。

降价

原来降价也是在GitHub上这里。

```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')

相反看起来像：

Answer 1

对于仍然遇到这个问题的人（像我一样）并正在寻找实际的错误修复，因为 OP 从未真正说过他们如何修复它：

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

前：

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

后：

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

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

Answer 2

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

kramdown 还支持不使用缩进块而是分隔行的代码块的替代语法。 起始行需要以三个或更多波浪号字符 ( ~ ) 开头，结束行需要至少具有起始行的波浪号数。

…

您可以使用 IAL 告诉 kramdown 代码块的语言：

 ~~~ 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 嵌套多个代码块的结果。）

Answer 3

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