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

ace*_*ace 3 markdown jekyll kramdown

我正在使用 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')
```
Run Code Online (Sandbox Code Playgroud)

Markdown 应显示为:

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

相反看起来像:

代码块周围的双框

小智 7

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

_sass/_highlights.scss文件中,您只需要替换.highlightpre.highlight. 如果未指定,则某些样式似乎可以应用两次。我也有一个入口pre.highlight{...},我从改变overflow: scroll;overflow: auto;以隐藏滚动条,如果他们是没有必要的。

前:

.highlight{
    ...
    overflow: scroll;
    ...
} 
Run Code Online (Sandbox Code Playgroud)

后:

pre.highlight{
    ...
    overflow: auto;
    ...
} 
Run Code Online (Sandbox Code Playgroud)

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


Chr*_*ris 0

Kramdown 支持常规(缩进)和隔离代码块,尽管其语法与您正在使用的三重回溯 GitHub 样式不同:

\n
\n

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

\n

\xe2\x80\xa6

\n

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

\n
~~~\ndef what?\n  42\nend\n~~~\n{: .language-ruby}\n
Run Code Online (Sandbox Code Playgroud)\n
\n

在你的情况下,类似

\n
~~~\ncenter_lower_48 = [39.833333, -98.583333]\nmap = folium.Map(location = center_lower_48,\n                 zoom_start = 4,\n                 control_scale = True,\n                 tiles = \'Stamen Terrain\')\n~~~\n{: .language-python}\n
Run Code Online (Sandbox Code Playgroud)\n

应该这样做。请注意,这些都不是标准的 Markdown

\n

(您当前看到的框架可能是 kramdown 嵌套多个代码块的结果。)

\n