Blogger Postlarına Code Snippet Ekleme

Highlight.js kullanarak "How to add code snippets to your blogger posts"

Son sürüm linki: https://highlightjs.org/download/

Şu anda kullandığım versiyon:

<!-- Add code snippets to posts -->
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/darcula.min.css' rel='stylesheet'/>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

Yukarıdaki kod parçacığını Blogger temanızın <title>...</title> etiketinden hemen sonra yapıştırıp kaydedebilirsiniz. (Tema -> HTML Düzenle)

Postlarınızdaki kullanımı ise yine "HTML görünümü" moduna girip <pre><code></code></pre> etiketlerini kullanarak gerçekleşecek.

<code> etiketini kullanmak zorunlu değil burada asıl işi <pre> etiketi yapıyor. <code> etiketi sadece kodun dilini algılayıp renklendirmeye yarıyor, eğer otomatik algılamasına gerek yok diyorsanız kullanım şu şekilde değişiyor <code class="html"> 

Bunu kullanmak için de en başta temaya eklediğimiz kod parçacığının son satırına ihtiyacımız var. Eğer kodu algılayıp renklendirmek istemiyorsanız son satırı temanıza eklemeyebilirsiniz. 

Dark Theme istemiyorsanız ilk satırı default.min.css ile değiştirebilirsiniz.

Diğer temaları https://highlightjs.org/static/demo/ linkinden deneyebilirsiniz