Yazılım dünyasına benim gibi yakından ilgi duyuyorsanız, eminim yazılım sitelerinde paylaşılan kod bölümlerini görmüşsünüzdür. Bazıları gerçekten havalı değil mi? Peki kod bilgimizi böyle havalı bir şekilde nasıl paylaşabiliriz? Merak ediyorsan, okumaya devam et.
Bunun için Google amcamız "Code-Prettify" adlı bir Github güzel bir Javascript projesi hazırlamış. Bu projeden faydalanabilmenin iki yöntemi bulunmaktadır.
1. Yöntem: Projeyi indirip, kullanmak
Bu yöntem ile gerekli javascript ve css dosyasını indirip, kendi projenize dahil edebilirsiniz; Bunun için bu linkteki dosyayı indirin. Ardından indirdiğiniz dosyanın içindekileri, proje yapınıza göre taşıyın. Örnek olması açısından kendim şu şekilde yaptım.Html dosyanızda head etiketlerinin arasına şunları yazmalısınız;
<link rel="stylesheet" type="text/css" href="prettify.css">Body etiketimizi şu şekilde yazmanız yeterli;
<script type="text/javascript" src="prettify.js"></script>
<body onload="PR.prettyPrintundefined)">
2. Yöntem: CDN Kullanmak (Önerilir)
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>Bu kodu Html dosyanızın <head> taglarının arasına yazmanız yeterli olacaktır.
Kullanımı
<pre class="prettyprint">class Voila {
public:
// Voila
static const string VOILA = "Voila";
// will not interfere with embedded <a href="#voila2">tags</a>.
}</pre>
Şeklinde içeriğiniz de belirtmeniz yeterli olacaktır. Tüm işlem bu kadar basit, umarım yeterince açıklayıcı olmuştur.Not: Bağlantınız çevrimdışı iken CDN yöntemi çalışmayacaktır.
Merhaba, ben Mustafa OĞUZ. Bilgi İşlem uzmanlığının yanında Yazılım ve Webmaster işleri ile haşır neşirim. Bu işlerden arta kalan zamanda amatör olarak Grafik tasarım ve blog yazarlığı yapmaktayım...
Hiç yorum yok:
Yorum Gönder