Подтвердить что ты не робот

Добавить подсветку синтаксиса в gh-pages

Есть ли простой способ добавить подсветку синтаксиса к моим различным gh-страницам плагина с помощью github Pygments?

Я знаю, что каждая страница проходит через движок Jekyll и выделяет подсветку синтаксиса (ref). Но я не хочу устанавливать блог. Я просто хочу, чтобы подсветка синтаксиса применялась к блокам кода на моих gh-страницах.

Думаю, я всегда мог бы включить другой плагин с моими gh-страницами...

4b9b3361

Ответ 1

Страницы уже делают пигменты, там ничего не устанавливать. Просто используйте его!

---
layout: default
title: Something with codes
---

Happy fun highlighting. 
[More details](https://github.com/mojombo/jekyll/wiki/liquid-extensions)

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

Ответ 3

Нашел эту нить как первый хит, пытаясь выяснить подсветку синтаксиса, и я нашел еще более простой способ сделать это, что, как я думал, я бы поделился. Просто укажите имя языка, который вы хотите выделить после защищенных блоков кода (ссылка). Нет необходимости генерировать какой-либо css или использовать yaml.

This is regular text

```ruby
# This is highlighted code
def foo
  puts 'foo'
end
```
```python
# Here is some in python
def foo():
  print 'foo'
```

Ответ 4

Как отметил @David Douglas, "GitHub Pages теперь поддерживает только Rouge, синтаксический синтаксис pure-Ruby"

Вы должны положить это в вас _config.yml. Это от _config.yml от Barry Clark Jekyll Now

# Jekyll 3 now only supports Kramdown for Markdown
kramdown:
    # Use GitHub flavored markdown, including triple backtick fenced code blocks
    input: GFM
    # Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
    syntax_highlighter: rouge
    syntax_highlighter_opts:
        # Use existing pygments syntax highlighting css
        css_class: 'highlight'

Затем для части выделения кода...

Список псевдонимов langauge для Rouge приведен здесь: https://github.com/jneen/rouge/wiki/List-of-supported-languages-and-lexers

Он использует все нижние регистры.

Например, для JavaScript:

``` javascript
function test() {
    console.log("test");
}
```