21 Eylül 2015 Pazartesi

Blog Sayfasında Kod Ekranı Oluşturma

  Hiç yorum yok
Evet arkadaşlar bismillah diyoruz ve ilk yazımıza başlıyoruz. Bu blog sayfasını hem kendi yaptıklarımı unutmamak hem de bu işte ilerleyecek olan genç kardeşlerimize faydalı olmak için açtım. Her zaman bir şeyi bilmek yetmiyor, bilginin yanında o bilgiyi nasıl kullanacağına dair tecrübe de gerekiyor. İşte tam bu yüzden ben burada sadece bilgiyi değil, bilgilerimi + tecrübelerimi paylaşmak istiyorum ve faydalı olmasını umarak ilk yazımıza başlıyorum.

Blog açmaya karar verdikten sonra Google'da biraz ücretsiz template araştırması yaptım. Nihayetinde "material" olgusuna sahip bir tasarım buldum fakat bana lazım olan içerisinde yazdığım kodları paylaşabileceğim bir tasarımdı. Kodların ekran görüntüsü alıp resim olarak koymak istemedim çünkü yeri geldiğinde kodu elle yazmak yerine bize lazım olan kısmını ya da tamamını alıp kopyalamak o an bizim için çok rahatlatıcı olabilir. Bunun için diğer bloglarda gördüğüm ama bugüne kadar hiç araştırmadığım bir şeyin peşine düştüm. Velhasılıkelam hilite.me adında bir web sitesini keşfettim.

Bu sitede bloğumuzda paylaşmak istediğimiz kod parçasını kopyalayıp "Source Code" kısmına yapıştırdığımızda sistem bize bu kodu renklendirip bir HTML çıktısı üretiyor. Bizde bu çıktıyı makalemizin HTML aracına yapıştırdığımızda derleyici ekranındaki görüntüyü blog üzerinde elde edebiliyoruz. İyide bunun için zaten bir dünya script var neden bu kadar yığın kodun içerisinde düzenleme yapmakla uğraşalım diyebilirsiniz. Böyle kullanmamın sebebi bu scriptlerin kaynakları başka sitelere bağlı, yani yarın öbür gün o sitenin kapatılması bizim de bloğumuzun patlaması anlamına geliyor.

Hilite.Me ekran görüntüsü:

Hiç yorum yok :

Yorum Gönder