我正在尝试更改使用Jekyll集合构建的右侧栏导航中某些代码段的背景和语法突出显示。但是，显示的代码与博客主体中的显示内容不同。我尝试了以下方法：
包括与default.html布局相同的语法高亮显示：
<!-- syntax highlighting CSS --
link rel="stylesheet" href="/static/css/syntax.css">
进入同一_layouts文件夹中名为index.html的新布局。
我还尝试过将同一样式表复制并粘贴到位于_includes文件夹中的名为sidebar-right.html的新文件中，该文件包含以下代码：
<div class="sidebar-right sidebar right column-4 widescreen-only">
<p>Did you know...</p>
<ul class="fact-list smaller">
{% assign quick_facts = site.quick_facts | sort: 'weight' %}
{% for fact in quick_facts %}
<li{% if forloop.last %} class="last"{% endif %}>{{ fact.output }}</li>
{% endfor %}
</ul>
</div>
quick_facts是Jekyll集合，其中包含具有事实的.md文件。这些事实包含一些markdown语言和一些python代码。我想使这些.md文件中包含的代码“更漂亮”，并带有一些语法突出显示。我还尝试使用以下命令在.md文件本身中指定语法突出显示：
<pre>
<code class="ruby">
some code here
</code>
</pre>
但是我不了解Ruby，所以我不知道如何将样式化纳入其中。