Renkli kod parçacığını etkinleştirmek için jekyll blog'um için Pygments'tan bir css dosyası oluşturmam gerekiyor mu?

Question

Jekyll ve Pygments'ı ilk kez kullanıyorum. Ancak renkli kod snippet'ini nasıl ekleyeceğimi bilmiyorum.

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

Ben ancak bu pasajı için bir renk yoktur, sınıflar da dahil html kaynak kodunu görmek:

başarıyla böyle markdown ile resmi adımları izleyerek, Pygments yüklü.

Cıvatalardan bazı css dosyaları oluşturup bunları eklemem gerekir mi? Ve nasıl? Sen https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css

benim repo numuneyi almak ve sonra temaya göre özelleştirebilirsiniz

syntax.css

Answer 1

Sen eklemeniz gerekir. Benimki koyu arka planlar için özelleştirildi.

Answer 2

Evet, kod vurgulama çalışmalarının görünmesini sağlamak için CSS sınıflarını yüklemeniz veya oluşturmanız gerekir. Pygments kurduktan sonra, bu komut satırından aşağıdaki çalıştırarak yapılabilir:

pygmentize -S default -f html > pygments.css 

Bu, geçerli dizinde varsayılan bir pygments.css dosya oluşturur; pygments -L style, kullanılabilir tüm stilleri listeler.

Sen HTML ağaca bu taşımak ve diyoruz bir karşılık gelen ya:

<link rel="stylesheet" type="text/css" href="/path/to/pygments.css"> 

Veya pygments.css içeriğini kopyalamak ve mevcut bir stil sayfasına yerleştirin. Bu seni başlatacak. Uygun şekilde özelleştirmek için CSS'yi buradan düzenleyebilirsiniz.

---

İki not:

1. Muhtemelen bu yaptık ama Jekyll ve Pygments yeni olan halkın yararına, muhtemelen de eklemek gerekir Pygments çalışma için pygments: true sizin _config.yml dosya için. (Veya aynı etkiye sahiptir jekyll --pygments ile Jekyll çalıştırın.)

2. orijinal Jekyll installation documentation bu soru sorulduğunda Pygments çalışma nasıl hakkında çok net değildi. O zamandan bu yana işleri açıklığa kavuşturmak için umarım “Pygments Usage” bölümünü ekledim.