添加行号和格式的简单方法是使用 css/javascript。查看Prettify
Markdown 生成器只会在您的内容周围创建 html 标签<div class="highlight"><pre><code></code></pre></div>。
在页面的 head 部分,添加对 prettify 脚本的引用,传递您需要的参数(或将脚本本地保存在您的站点中)
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css&skin=sunburst"></script>
然后使用一些 jQuery 将“prettyprint”类添加到 pre 标记中。这应该就是让 prettyprint 正常工作所需要的一切
<script>
$( document ).ready(function() {
$(this).find( ".highlight" ).each(function(){
$(this).find("pre").addClass("prettyprint");
})
});
</script>
选择你喜欢的theme,或者使用默认值并添加“linenums”类来获取你的行号
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css&skin=sunburst"></script>
<script src="/javascripts/jquery-1.8.3.min.js"></script>
<script>
$(this).find("pre").not('.prettyprint').each(function(){
$(this).addClass("prettyprint linenums");
prettyPrint();
})
</script>
您的问题是关于使用 pygments。如果那是你想要使用的,那么保留流动的模板代码,让 pygments 标记你的代码块并使用 pygments 样式表。我个人不喜欢在我的帖子中添加模板。可能可以将 Jekyll 配置为使用降价生成器来生成对代码更友好的 html,但我还没有看到。