Как я могу использовать пигменты, чтобы они отображали номера строк разметки?

Question

я знал, жидкие ВЫСВЕТИТЬ номера строк дисплея , например:.

{% highlight java linenos %} 
    public class Test { 

    } 
{% endhightlight $} 

Но я не знал, как я должен позволить уценки выделить цифры отображения строки?

```java 
    public class Test { 

    } 
``` 

Вроде бы это не отображает номера строк. Должен ли он добавить параметр параметров?

Answer 1

Простым способом добавления номеров строк и форматирования является использование css/javascript. Выезд Prettify

Генератор Markdown создаст только теги html <div class="highlight"><pre><code></code></pre></div> вокруг вашего контента.

В головной части вашей страницы, добавьте ссылку на приукрасить сценарий прохождения, какие параметры вам нужно (или сохранить скрипт локально на вашем сайте)

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css&skin=sunburst"></script> 

Затем использовать некоторые JQuery, чтобы добавить «prettyprint msgstr "класс для предварительного тега. Это должно быть все, что вам нужно, чтобы получить 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> 

Ваш вопрос о используя пигменты. Если это то, что вы хотите использовать, сохраните код шаблона жидкости, чтобы пигменты маркировали ваши кодовые блоки и использовали таблицу стилей пигментов. Мне лично не нравится добавлять шаблоны в мои сообщения. Возможно, можно настроить Jekyll на использование генератора меток, который генерирует больше кода, дружественного к HTML, но я его не видел.