Menggunakan RedCarpet Pada Jekyll

Menulis baris contoh code pada penyunting teks SublimeText dengan menggunakan Jekyll sebagai permukaan penulisan artikel saya untuk blog, memunculkan masalah baru bagi saya setelah menemukan plugin bernama Markdown Extended yang mana membuat syntax coloring menjadi nyata langsung saat menulis kode tersebut pada text editor ini.

Kurang lebih kode akan terlihat seperti berikut…

Namun sayangnya, jekyll yang masih polos tidak bisa mem-_parsing_ language name yang ada di belakang triple backtick ```js.

Pokok Permasalahan

Jadi inti permasalahan yang ada disini adalah, keindahan yang didapat dari hasil kombinasi SublimeText dengan plugin_nya Makrdown Extended (screenshoot diatas), tidak akan bisa dinikmati pada saat blog di_parsing dan language name_nya tidak menjadi kode html dan malah merusak kode sebenarnya, sedangkan untuk melihat _syntax coloring_nya langsung pada _text editor memerlukan language name tersebut sehingga akan sesuai dengan bahasa yang disebutkan.

Solusi

Setelah beberapa saat mencari, saya berhasil mengatasi masalah ini. Seperti judul artikel ini, RedCarpet (gem ruby), telah membantu saya untuk mem_parsing_ language name yang ada dibelakang triple backtick menjadi seperti berikut …

Language name yang tadinya tidak ter-_parse_ oleh jekyll sekarang menjadi kode html yang lebih komplek, dari yang tadinya hanya berupa tag code diikuti language name-nya.

#RedCarpet #Jekyll #SublimeText #MarkdownExtended