Ghost代码降价块中的行号

Question

我想知道如何在渲染的markdown代码块中显示行号,特别是如何为Ghost博客平台执行此操作.如果您还可以根据语言为代码着色(以类似于GitHub和其他人的方式).谢谢!

Answer 1

这篇文章提到(2013年10月11日):

我刚刚意识到Ghost已经支持GitHub-Markdown扩展了.

所以基本上你可以通过在{{!下面添加以下行代码来包括Google Code Prettify).Casper}}的主要JavaScript文件:
/content/themes/casperdefault.hbs.

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js">    
</script>

并在Ghost中使用以下GitHub markdown:

```prettyprint lang-ruby require 'redcarpet' markdown = Redcarpet.new("Hello World!") puts markdown.to_html ```

上面的Markdown将生成以下HTML代码,然后由Google Code Prettify进行美化:

<pre>
  <code class="prettyprint lang-ruby">
    require 'redcarpet' 
    markdown = Redcarpet.new("Hello World!") 
    puts markdown.to_html
  </code>
</pre> 

从那里,您可以阅读更多" google-code-prettify ",其中解释了如何添加行号:

您可以使用linenums该类打开行号.
如果您的代码不是从第1行开始,则可以在该类的末尾添加冒号和行号,如下所示linenums.

但是,我没有测试该类是否实际上属于生成<code>元素的属性.

```prettyprint lang-ruby linenumber xxxx