Question

当在已知位置突出显示标准文件时，我想将文件名放在代码块中;最好是在顶部。一个假设的例子是

{% highlight apache show_filename=/etc/httpd/conf/httpd.conf %}
.... the file contents ....
{% endhighlight %}

然后将呈现带有前缀的文件名的代码块。有没有办法实现这个目标？

Answer 1

您可以使用漂亮的html5 数字标记。

＆＃34; HTML元素表示自包含内容，通常带有标题（figcaption），通常作为单个单元引用。虽然它与主流有关，但其位置与主流无关。通常这是一个图像，插图，图表，代码片段或主文本中引用的模式，但可以移动到另一个页面或附录而不影响主流。＆＃34;     MDN > html > figure

<figure>
  <figcaption>File: folderName/fileName.rb</figcaption>
  {% highlight ruby %}
  def print_hi(name)
    puts "Hi, #{name}"
  end
  {% endhighlight %}
</figure>

Answer 2

另一个更好的解决方案，可以使用 kramdown ：

>Some/test/xml/file.xml
{:.filename}
{% highlight xml %}
.... the file content ....
{% endhighlight %}

在你的.css文件中，你可以使用你的代码片段看起来很漂亮，例如：

.fileName{
  padding: 0px;
  margin: 0px;
  background-color: #292929;
  color: lightgrey;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 0px;
  padding-left: 1em;
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  border-left: 0px;    
}

Here您可以找到有关此kramdown功能的更多信息。

在Jekyll中显示文件名，Pygments代码突出显示

2 个答案: