在Jekyll页面的根/主页上显示语法荧光笔

Question

好吧，我试图弄清楚如何显示突出显示的语法。

但是实际上我有两个主要问题。原理之一是，如果我使用模板管道显示post.content：

例如：{{ post.content | markdownify }}

显示以下内容：

如您所见，主页的块显示为白色背景。而帖子显示为深色背景。我正在比较这两个模板，以查看是否缺少某些内容，但是没有看到丢失的内容（我认为是CSS（缺少包含）问题）。

注意：我已经尝试将js.html包含在主题中。但是我没有做太多。

另外，另一个问题是，如果我使用更多管道剪切内容（因为我不想看到所有内容），请在strip_html | truncatewords: site.post-preview-words管道中使用{{ post.content | markdownify }}。发生以下情况：

• 仅使用truncatewords，主页样式已损坏。
• 还strip_html将内容显示为纯内容。

我知道为什么会这样。是否有任何gem / plugin来截断未封闭的html标签的内容？有没有使用Jekyll默认管道的方法？

这是我实际使用的主题：https://github.com/le4ker/personal-jekyll-theme

这是我的Github.io主页：https://z3nth10n.github.io