Добавить подсветку синтаксиса в gh-pages
Есть ли простой способ добавить подсветку синтаксиса к моим различным gh-страницам плагина с помощью github Pygments?
Я знаю, что каждая страница проходит через движок Jekyll и выделяет подсветку синтаксиса (ref). Но я не хочу устанавливать блог. Я просто хочу, чтобы подсветка синтаксиса применялась к блокам кода на моих gh-страницах.
Думаю, я всегда мог бы включить другой плагин с моими gh-страницами...
Ответы
Ответ 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 %}
Ответ 2
"Теперь страницы GitHub поддерживают только Rouge, синтаксис синтаксиса pure-Ruby", поэтому вам нужно только изменить синтаксис 'kramdown' highligher использовать 'rouge' в файле _config.yml.
markdown: kramdown
kramdown:
input: GFM
syntax_highlighter: rouge
Ответ 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");
}
```