Blogger'da Kaynak Kod Yayınlama

Blogunuzda çeşitli kaynak kodlar yayınlamayı düşünüyorsanız aklınıza gelecek ilk soru (yani en azından benim aklıma gelen ilk soruydu) kodu görsel anlamda nasıl güzel hale getirebilirim olacaktır. Normal text formatında gözüken bir kod yayınlamaktansa kaynak kod olduğunun belli olması, rahatça okunabilmesi vs. açısından daha iyi olacaktır.

İlk araştırdığınızda muhtemelen SyntaxHighlighter ile karşılaşacaksınız. Gayet güzel ve birçok kullanıcı tarafından öneriliyor. Basitçe açıklamak gerekirse, bu arkadaşın host ettiği kaynak kodları blogunuza import ediyorsunuz ve güzel güzel kullanmaya başlıyorsunuz. Ancak benim blogumda arkadaşın yazdığı kodu ezen kısımlar oldu. Haliyle kullanamadım. Bu sebeple farklı bir çözüm arayışına girdim ve GitHub'ın Gist hizmetiyle karşılaştım. Örnek bir php kodunu Gist sayesinde aşağıda görüldüğü şekilde yayınlama şansınız oluyor:

Göreceli olarak SyntaxHighlighter'ı daha çok beğenenler olabilir ancak GitHub'ın bu hizmeti benim için yeterli olduğundan bunu kullanıyorum. Lafı uzatmadan nasıl yapacağımıza gelelim.

Öncelikle bir GitHub hesabı edinmeniz gerekiyor. Heasbınızı açıp girdiğinizde karşınıza şöyle bir ekran gelecektir:

Üst kısımda görülen Gist sekmesine tıklıyoruz ve Gist'lerinizin olduğu kısma geçiyoruz.

Description kısmına gerekli gördüğümüz açıklamayı, name this file kısmına dosya adımızı yazıyoruz language kısmından hangi dili kullanacağımızı seçiyoruz. Daha sonra kodumuzu yazıp veya kopyalayıp create diyoruz. Gist'imiz oluştu. Peki blogumuzda nasıl kullanacağız? Oluşturduğumuz Gist'i yayınlamak için bir scripte ihtiyacımız var. Korkmayın biz yazmayacağız :) Hayırsever bir arkadaş yazmış ve bizlerle paylaşmış. Aşağıdaki kodu kopyalıyoruz ve yayınımıza yapıştırıyoruz:

Daha sonra Gist'imizi eklemek istediğimiz noktada aşağıdaki kodu yazıyoruz ve data-id kısmını Gist'imizin id'si ile değiştirmeyi unutmuyoruz.

İşte bu kadar. Bir dizi basit işlem sonucunda kaynak kodlarımız blogumuzda hem şık duruyor, hem okunaklı.

Eğer, ya arkadaşım elin host ettiği scripte nasıl güveneceğiz derseniz, scripti kopyalayıp kendiniz host edebilirsiniz. İçiniz rahat eder. Unutmadan bir şeyi daha belirtelim, Gist hizmeti İnternet Explorer'da çalışmıyor. Ama yazacağınız, paylaşacağınız koda bakacak herhangi birinin ie kullanacağını düşünmüyorum o yüzden ben şahsen böyle bir şeyi dert etmedim :)