為什么我在 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 模板的一個錯誤。 謝謝您的幫助。