为什么我在Jekyll网站上看到一个围绕着减价代码挡路的双框？ [英] Why do I get a double frame around markdown code block on Jekyll site?

问题描述

我正在使用markdown为托管在GitHub页面上的Jekyll-Now主题的Jekyll博客创建帖子。我使用带栅栏的代码块(有三个反勾号)突出显示代码，当发布时，代码挡路以双框架显示。我只想要一张单幅的。我使用stack kedit.io测试了降价，它看起来很好-只有一帧。此处看起来也是正确的(见下文)。

博客帖子here。我显然是新手，只有一个帖子。

有什么想法吗？谢谢您。

降价

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

降价应显示为：

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

改为如下所示：

推荐答案

对于仍然遇到此问题并寻找实际错误修复的任何人(如我)，因为操作员实际上从未说明他们是如何修复该问题的，请访问：

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

之前：

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

之后：

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

原来的问题似乎与人们仍然遇到的一些Jekyll模板有关。我在this SO answer中找到了答案，如果有人需要更多信息，请参考this thread。

这篇关于为什么我在Jekyll网站上看到一个围绕着减价代码挡路的双框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！