在.github.io站点中使用Jekyll呈现代码块时出现问题

在.github.io站点中使用Jekyll呈现代码块时出现问题,jekyll,github-flavored-markdown,Jekyll,Github Flavored Markdown,问题 我的帖子中包含一些代码块,将它们呈现为“盒子中的盒子”。 这是帖子:下面是我从Firefox看到的: 代码 这是源代码: 我对使用Jekyll是新手,我尝试了两种方法:三次倒勾(就像我在GitHub中通常做的那样)和行开头的四个空格(当前的实现)。两种方法都呈现相同的效果 问题 我不知道问题是在我编写的代码中还是在我使用的模板中。我应该怎么做才能获得更好的输出(单帧)?如果检查生成的HTML,您将看到有嵌套块具有相同的类。突出显示: CHECK=$(n50 contigs.fasta)

问题

我的帖子中包含一些代码块,将它们呈现为“盒子中的盒子”。 这是帖子:下面是我从Firefox看到的:

代码

这是源代码:

我对使用Jekyll是新手,我尝试了两种方法:三次倒勾(就像我在GitHub中通常做的那样)和行开头的四个空格(当前的实现)。两种方法都呈现相同的效果

问题


我不知道问题是在我编写的代码中还是在我使用的模板中。我应该怎么做才能获得更好的输出(单帧)?

如果检查生成的HTML,您将看到有嵌套块具有相同的类
。突出显示


CHECK=$(n50 contigs.fasta)
您可以做的是将CSS更改为更具体:

i、 e.对于基本代码块样式,使用
div.highlight
代替
.highlight
,并使用

div.highlight>pre.highlight
可以根据需要设置
pre
块元素的样式。

谢谢,所以在降价中没有问题。既然我没有编写模板,你认为这只是模板中的一个bug吗(我会朝那个方向看,例如检查ecc的更新)?对。这个问题纯粹是CSS。有问题的代码位于: