为什么我在Jekyll网站上的markdown代码块周围出现双边框?

时间:2019-03-22 21:40:29

标签: markdown jekyll kramdown

我正在使用markdown为托管在GitHub Pages上的具有Jekyll-Now主题的Jekyll博客创建帖子。我正在使用受保护的代码块(带有三个反勾号)突出显示代码,并且在发布时,代码块显示为带有双边框。我只想要一个框架。我使用stackedit.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')

反而看起来像:

Double frame around code block

3 个答案:

答案 0 :(得分:1)

对于仍然遇到此问题(例如我)并寻找实际错误修正的任何人,因为OP从未真正说过他们如何在这里解决它:

_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,如果有人想要更多信息。

答案 1 :(得分:0)

Kramdown支持常规的(缩进的)代码和受限制的代码块,尽管its syntax与您使用的三重ickick 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}

应该这样做。请注意,这些 都不是standard Markdown

(您当前看到的帧可能是由于kramdown嵌套了多个代码块而导致的。)

答案 2 :(得分:0)

我发现这是Jekyll模板的错误。谢谢您的协助。