Yazılım

GitHub Readme Oluşturma: Markdown Sözdizimi ve HTML Kullanımıyla Detaylı Kılavuz

GitHub projelerinin README dosyası, bir projenin ilk izlenimini oluşturur. Yeni kullanıcılar ve potansiyel katkıda bulunanlar için projenizin ne yaptığını, nasıl kullanılacağını ve projeye nasıl katkıda bulunulacağını anlamak için başvurdukları ilk yerdir. İyi bir README, projeye olan ilgiyi artırabilir ve daha fazla katkıda bulunulmasını teşvik edebilir.

Readme oluşturmak için reponuzda Add a README butonuna tıklayarak başlayabilirsiniz. README belgesini HTML yada Markdown dilini kullanarak oluşturabilirsiniz.

Github README kullanımı

Markdown ve HTML Kodlaması

Öncelikle Markdown ve HTML ile nasıl yazacağını bilmelisiniz.

Markdown ile Başlık Oluşturma:

Markdown ile başlık oluşturmak için # sembolü kullanılır. Her # sembolü bir başlık seviyesini belirtir, daha fazla # daha düşük bir seviyede başlık oluşturur.

HTML ile Başlık Oluşturma:

HTML ile başlık oluşturmak için <h1>, <h2>, <h3>, <h4>, <h5>, <h6> etiketleri kullanılır.

Github README Başlık

Markdown ile Kalın, İtalik:

HTML ile Kalın, İtalik:

Markdown ile Çizgi Oluşturma:

Markdown ile çizgi oluşturmak için üç veya daha fazla - veya * sembolü kullanabilirsiniz.

HTML ile Çizgi Oluşturma:

HTML ile çizgi oluşturmak için <hr> etiketini kullanabilirsiniz.

Github README başık

Numaralandırılmış Liste:

Madde İşaretli Liste:

Github README listeler

Markdown ile Kod Ekleme:

Kod bloklarını üç ters () işareti veya üç tırnak işaretiyle ( ) başlatıp bitirerek oluşturabilirsiniz. İçindeki kodun dilini belirtmek isterseniz, kod bloğunun başlangıcına dil adını ekleyebilirsiniz.

HTML ile Kod Ekleme:

HTML’de <code> etiketi kullanarak tek bir satır kod ekleyebilirsiniz. Birden fazla satır kod için <pre> etiketi kullanabilirsiniz.

Github README kod

Markdown ile Bağlantı Oluşturma:

HTML ile Bağlantı Oluşturma:

Markdown ile Resim Ekleme:

HTML ile Resim Ekleme:

Markdown ile YouTube Videosu Ekleme:

YouTube videosunu eklemek için normal Markdown bağlantı kullanabilirsiniz.

Tablo Oluşturma:

Markdown’da tablo oluşturmak için dikey çubuklar | ve tireler - kullanılır.

HTML ile tablo oluşturmak daha ayrıntılıdır:

Github README tablo

Bu örnekler, README dosyanızda çeşitli öğeleri nasıl oluşturacağınızı göstermek için kullanılabilir.

Detaylı Açıklama Ekleme:

Markdown’da başlık olarak eklenen katlanabilir bölüm için şu adımları izleyebiliriz:

  1. <details> ve <summary> etiketleri kullanarak katlanabilir bölümü oluşturun.
  2. <summary> etiketi içine başlık yazın.
  3. İçerik kısmını <details> ve </details> etiketleri arasına yazın.

İşte bu adımları bir örnekle gösterelim:

Github README detayaçılır kutu

Bu Markdown kodu, “Detaylı Açıklama” başlığının altında bir açılır menü oluşturur. Bu menüyü tıklayarak detayları açabilir veya kapatabilirsiniz. Bu şekilde, README dosyanızda uzun veya detaylı içeriği kullanıcıların isteğine göre gizlemek veya göstermek için kullanabilirsiniz.

Alıntı:

MarkDown Stilleri

Markdown’da metni vurgulamak için kullanılabilecek çeşitli stiller vardır. İşte bazı örnekler:

  • Kalın: Kalın metin için ** ** veya __ __ kullanın.
  • İtalik: İtalik metin için * * veya _ _ kullanın.
  • Üstü çizili: Üstü çizili metin için ~~ ~~ kullanın.
  • Kalın ve iç içe geçmiş italik: ** ** ve _ _ kullanarak kalın ve iç içe geçmiş italik metin oluşturabilirsiniz.
  • Tümü kalın ve italik: *** *** kullanarak tüm metni hem kalın hem de italik yapabilirsiniz.
  • Alt yazı: <sub> </sub> etiketlerini kullanarak alt yazı oluşturabilirsiniz.
  • Üst simge: <sup> </sup> etiketlerini kullanarak üst simge oluşturabilirsiniz.

Bu Markdown kodlarını kullanarak metninizi çeşitli şekillerde vurgulayabilirsiniz. Örneğin:

Github README stiller

Kod Alıntılama

Bir cümle içinde kod veya bir komut belirtmek için tek ters tırnak (`) kullanabilirsiniz. Ters tırnak içindeki metin biçimlendirilmeyecektir. Ayrıca, bir Markdown satırında bir kod bloğu için ters tırnak eklemek için, Command+E (Mac) veya Ctrl+E (Windows/Linux) klavye kısayolunu kullanabilirsiniz.

Göreceli Bağlantılar

Okuyucuların depodaki diğer dosyalara geçiş yapmasına yardımcı olmak için oluşturulan dosyalarda göreceli bağlantılar ve görüntü yolları tanımlayabilirsiniz.

Bir göreceli bağlantı, mevcut dosyaya göre göreli olan bir bağlantıdır. Örneğin, depo kökünde bir README dosyanız varsa ve docs/CONTRIBUTING.md adında başka bir dosyanız varsa, README’deki CONTRIBUTING.md’ye göreceli bağlantı şöyle görünebilir:

GitHub, göreceli bağlantınızı veya görüntü yolunuzu otomatik olarak, mevcut olduğunuz dal temel alarak dönüştürecektir, böylece bağlantı veya yol her zaman çalışır durumda olacaktır. Bağlantının yolu, mevcut dosyaya göre göreli olacaktır. / ile başlayan bağlantılar, depo köküne göre göreceli olacaktır. ./ ve ../ gibi tüm göreceli bağlantı operatörlerini kullanabilirsiniz.

Göreceli bağlantılar, depoyu klonlayan kullanıcılar için daha kolaydır. Mutlak bağlantılar, depoyu klonlarınca çalışmayabilir – bu nedenle, depo içindeki diğer dosyalara referans vermek için göreceli bağlantıları kullanmanızı öneririz.

Github README bağlantı

Resim Gösterildiği Temayı Belirtme

Markdown’da, bir resmin hangi temada görüntüleneceğini belirlemek için HTML <picture> öğesini prefers-color-scheme medya özelliğiyle birlikte kullanabilirsiniz. Işık ve karanlık renk modları arasında ayrım yapıyoruz, bu yüzden iki seçenek mevcut. Bu seçenekleri, koyu veya açık arka planlar için optimize edilmiş resimlerin gösterilmesi için kullanabilirsiniz. Bu, özellikle şeffaf PNG resimler için faydalıdır.

Örneğin, aşağıdaki kod, ışık temaları için bir güneş resmi ve karanlık temalar için bir ay resmi gösterir:

Görev(İş) Listeleri

Bir iş listesi oluşturmak için, liste öğelerinin başına bir tire ve boşluk koyun, ardından [ ] ile devam edin. Bir görevi tamamlandı olarak işaretlemek için [x] kullanın.

Github README task listesi

Kişileri ve Takımları Bahsetme

GitHub üzerinde bir kişiyi veya takımı bahsetmek için kullanıcı adlarının veya takım adlarının yanına @ sembolünü ekleyerek bahsedebilirsiniz. Bu, bir bildirim tetikleyecek ve ilgili kişinin veya takımın konuşmaya dikkatini çekecektir. Bir kişi veya takım adınızı belirtmek için bir yorumu düzenlerseniz, kişiler ayrıca bir bildirim alacaklardır. Bildirimler hakkında daha fazla bilgi için “Bildirimler Hakkında” sayfasına bakın.

Not: Bir kişi, yalnızca depoya okuma erişimine sahipse ve depo bir kuruluşa aitse, kişi organizasyonun bir üyesi ise, bahsetme hakkında bir bildirim alır.

GitHub Markdown’ın işlenmiş bir ekran görüntüsü, takım bahsi “@github/support”ın kalın, tıklanabilir metin olarak nasıl işlendiğini gösteriyor.

Bir ana takımı belirttiğinizde, alt takımlarının üyeleri de bildirim alır, bu da birden fazla grupla iletişimi kolaylaştırır. Daha fazla bilgi için “Takımlar Hakkında” sayfasına bakın.

@ sembolünü yazmak, bir projedeki kişilerin veya takımların bir listesini getirecektir. Yazdıkça liste filtrelenir, bu yüzden aradığınız kişinin veya takımın adını bulduğunuzda, adı tamamlamak için ok tuşlarını kullanabilir ve tab veya enter tuşuna basarak adı tamamlayabilirsiniz. Takımlar için, @organization/takım-adı şeklinde girin ve o takımın tüm üyeleri konuşmaya abone olur.

Otomatik tamamlama sonuçları, depo işbirlikçileri ve konu üzerindeki diğer katılımcılarla sınırlıdır.

İfadeleri Emoji’lerle Zenginleştirme

Yazılarınıza emoji ekleyebilirsiniz. Bunun için :EMOJİKODU: şeklinde, bir iki nokta üst üste ve ardından emoji adını yazmanız yeterlidir.

GitHub Markdown’ın işlenmiş bir ekran görüntüsü, :+1: ve :shipit: için emoji kodlarının nasıl emoji olarak görsel olarak işlendiğini gösteriyor.

: yazmak, önerilen emoji listesini getirir. Yazdıkça liste filtrelenir, bu yüzden aradığınız emojiyi bulduğunuzda, vurgulanan sonucu tamamlamak için Tab veya Enter tuşuna basın.

Kullanılabilir emoji ve kodların tam listesi için Emoji-Cheat-Sheet sayfasına bakabilirsiniz.

Paragraflar

Yeni bir paragraf oluşturmak için metin satırları arasında boş bir satır bırakabilirsiniz.

Dipnotlar

İçeriğinize dipnot ekleyebilirsiniz, bunun için bu parantez sözdizimini kullanın:

Uyarılar

Uyarılar, blok alıntı sözdizimine dayanan bir Markdown uzantısıdır ve önemli bilgileri vurgulamak için kullanılabilir. GitHub’da, içeriğin önemini belirtmek için farklı renkler ve simgelerle gösterilirler.

Uyarıları, kullanıcı başarısı için kesinlikle gerektiğinde ve okuyucuyu aşırı yüklememek için makale başına bir veya iki adetle sınırlayın. Ayrıca, uyarıları ardışık olarak yerleştirmekten kaçının. Uyarılar diğer öğelerin içine yerleştirilemez.

Bir uyarı eklemek için, uyarı türünü belirten özel bir blok alıntı satırı kullanın, ardından standart bir blok alıntıda uyarı bilgilerini ekleyin. Beş tür uyarı mevcuttur:

Github README alertler

README Dosyasının Temel Yapısı

Bir README dosyasının tipik yapısı aşağıdaki bölümlerden oluşur:

Başlık

Projenin adı ve kısa bir açıklaması. Bu bölümde projenizin ne olduğunu ve ne yaptığını birkaç cümleyle anlatmalısınız.

GitHub README dosyasında başlıklar oluşturmak için Markdown dili kullanılır. Markdown, basit bir biçimlendirme dilidir ve düz metin dosyalarında kullanılır. GitHub’da README dosyası genellikle README.md uzantısıyla oluşturulur. Başlıklar için # sembolü kullanılır ve bu sembolün sayısı başlık seviyesini belirler.

Örneğin,
# en büyük başlık seviyesini,
## ikinci seviye başlığı,
### üçüncü seviye başlığı temsil eder.

Örnek 1: Örnek 1: Basit ve Açıklayıcı

Github README hazırlama

Örnek 2: Daha Detaylı ve Görsel Unsur İçeren

Github README hazırlama

Bu örnekte, bir logo eklenmiş ve proje hakkında daha detaylı bir açıklama yapılmış.

Örnek 3: Versiyon Bilgisi Eklenmiş

Github README hazırlama

Örnek 4: Alt başlık Eklenmiş

Github README hazırlama

Proje Açıklaması

Projenin amacını ve faydalarını daha ayrıntılı bir şekilde açıklayın. Hangi problemi çözdüğünüzü ve projenizin neden önemli olduğunu belirtin.

İpuçları

  1. Açık ve Anlaşılır Olun: Projenizin amacını ve faydalarını basit bir dille açıklayın.
  2. Problemi Belirleyin: Projenizin hangi problemi çözdüğünü net bir şekilde belirtin.
  3. Faydaları Vurgulayın: Projenizin kullanıcılarına sağlayacağı avantajları ve faydaları anlatın.
  4. Kullanım Alanları: Projenizin hangi durumlarda veya hangi alanlarda kullanılabileceğini belirtin.
  5. Hedef Kitle: Projenizin kimler için faydalı olduğunu açıklayın.

Örnekler

Örnek 1: Görev Yönetim Uygulaması

Github README hazırlama

Kurulum Talimatları

Kullanıcıların projeyi kendi bilgisayarlarında nasıl kurabileceklerini adım adım açıklayın. Bu bölümde gerekli bağımlılıklar ve kurulum komutları yer almalıdır.

Örnek:

Github README hazırlama

Kullanım Bilgileri

Projenizin nasıl kullanılacağını açıklayın. Örnek komutlar, giriş ve çıkışlar ile birlikte kullanım senaryolarını içerebilir.

Örnek:

Github README hazırlama

Katkıda Bulunma Rehberi

Diğer geliştiricilerin projeye nasıl katkıda bulunabileceklerini anlatın. Pull request ve issue açma talimatları, katkı kuralları ve iletişim bilgilerini içerebilir.

Örneğin:

  • Pull Request ve Issue Açma Talimatları: Projeye katkıda bulunmak isteyenlerin nasıl pull request (çekme isteği) ve issue (sorun) açabileceklerini anlatan adımlar burada yer alır. Örneğin, GitHub kullanıcılarına yönelik adımlarla açıklanabilir.

Katkı Kuralları: Projeye katkıda bulunurken dikkat edilmesi gereken kurallar bu bölümde belirtilir. Örneğin, kod standartları, test gereksinimleri, belgelendirme yönergeleri gibi kurallar açıklanabilir.

İletişim Bilgileri: Projeye katkıda bulunanlar için iletişim bilgileri sağlanır. Örneğin, proje sahibinin e-posta adresi, Discord veya Slack kanalı gibi iletişim kanalları burada belirtilebilir.

Lisans Bilgisi

Projenizin lisansını belirtin. Bu, projenizin nasıl kullanılabileceğini ve dağıtılabileceğini belirler.

Örneğin:

  • Lisans Türü: Projede hangi lisansın kullanıldığı belirtilir. Örneğin, MIT Lisansı, GPL, Apache Lisansı gibi.
  • Lisans Metni: Lisans metni burada belirtilir veya lisans dosyasına bir bağlantı sağlanır. Örneğin, MIT Lisansı altında yayımlanan bir proje için lisans metni şöyle olabilir:

Örnekler:

Çıktı:

Github README hazırlama

Yorum Yap

Yorum yapmak için tıklayın