Bir tarafa Markdown yazın ve diğer tarafta canlı olarak nasıl render edildiğini görün — başlıklar, kalın, italik, listeler, kod blokları ve bağlantılar, hepsi tarayıcınızda anında önizlenir.
Hesap makinesi yükleniyor...
Bu araç size yardımcı oldu mu?
Markdown Önizleyici nedir?
Markdown, README'lerin, blog yazılarının, sohbet mesajlarının, dokümantasyonun ve ham HTML yazmadan basit, okunabilir biçimlendirme istediğiniz sayısız başka yerin arkasındaki hafif biçimlendirme sözdizimidir. Markdown düz metin olduğu için her yerde yazmak kolaydır — ancak sözdizimini hafifçe yanlış yapmak ve bunu zaten yayınladıktan sonra fark etmemek de kolaydır.
Bu önizleyici, Markdown'ınızı yazarken kaynakla yan yana render eder; böylece bir README'yi commit etmeden, bir yazıyı yayınlamadan veya biçimlendirilmiş bir mesaj göndermeden önce # sonrasında eksik bir boşluk, kapatılmamış bir kod çiti veya yukarıdaki paragraftan ayrılmamış bir liste gibi biçimlendirme hatalarını hemen yakalayabilirsiniz.
Bu Hesap Makinesi Ne Zaman Kullanılmalı
Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected
Adımlar:
Markdown'ınızı sol panele yazın veya yapıştırın.
Render edilen HTML önizlemesinin sağda anında güncellendiğini izleyin.
Önizleme amaçladığınızla eşleşene kadar sözdiziminizi ayarlayın.
**kalın** → kalın
*italik* → italik
`kod` → kod
[metin](url) → metin
- öğe →
öğe
Kullanım Alanları
Commit etmeden önce bir GitHub veya GitLab README'sini önizleme
Slack, Discord veya Markdown destekleyen diğer sohbet uygulamaları için biçimlendirilmiş mesajlar taslak hazırlama
Yayınlamadan önce blog yazısı veya dokümantasyon biçimlendirmesini kontrol etme
Deney yaparak ve anında sonuçlar görerek Markdown sözdizimini öğrenme
Kısa bir Markdown parçacığını başka bir yere yapıştırmak için hızlıca HTML'ye dönüştürme
Temel Faydalar
Markdown'ınızın kaynakla yan yana anında render edildiğini görün
Herhangi bir yerde yayınlamadan önce sözdizimi hatalarını yakalayın
Tamamen tarayıcınızda çevrimdışı çalışır — hiçbir şey yüklenmez
Ücretsiz, kayıt gerektirmez, tipik kullanım için dosya boyutu sınırı yok
Uzman İpuçları
Farklı Markdown ayrıştırıcıları arasında en güvenilir render için listelerden ve kod bloklarından önce ve sonra boş bir satır ekleyin
Belirsizlikten kaçınmak için kalın için çift yıldız, italik için tek yıldız (veya alt çizgi) kullanın
Önce bu araçta önizleyin, ardından hedef platformu (GitHub, Slack vb.) kontrol edin, çünkü bazıları tablolar gibi ekstra sözdizimini destekler
Daha iyi belge yapısı ve erişilebilirlik için başlıkları sıralı tutun (#'ten ###'e atlamayın)
Kaçınılması Gereken Yaygın Hatalar
Bir paragraf ile onu izleyen bir liste arasında gerekli olan boş satırı unutmak
Başlıklarda # sembollerinden sonraki boşluğu eksik bırakmak, bu da render edilmelerini engeller
Bir kod çitini (```) kapatılmamış bırakmak; bu, belgenin geri kalanını kod olarak yutar
Kalın için çift yıldız yerine tek yıldız kullanmak, bunun yerine italik üretmek
Anahtar Terimler Açıklandı
CommonMark: Tutarsızlıkları azaltmak için tasarlanmış, standartlaştırılmış bir Markdown sözdizimi spesifikasyonu
GFM: Tabloları ve görev listelerini destekleyen genişletilmiş bir lehçe olan GitHub-Flavored Markdown
Kod çiti: Çok satırlı kodu biçimlendirmek için kullanılan, üçlü ters tırnakla (```) sınırlandırılmış bir blok
Satır içi biçimlendirme: Blok düzeyindeki öğelerin aksine, *italik* veya `kod` gibi tek bir satır içinde uygulanan biçimlendirme
İlgili Kavramlar
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
Örnek
"## Merhaba\n\nBu **kalın** ve bu *italik*." yazmak, kalın ve italik metin içeren bir paragrafın ardından gelen 2. seviye bir başlık olarak render edilir.
Sonuçlarınızı Yorumlama
Sol panel ham Markdown kaynak metninizi gösterir, sağ panel ise onu gerçek zamanlı olarak biçimlendirilmiş HTML olarak render eder. Her tuş vuruşu önizlemeyi anında günceller, böylece her sözdizimi öğesinin etkisini hemen görebilirsiniz.
Yaygın render sorunları genellikle boşluk kullanımından kaynaklanır. Çoğu render edici, bir paragraf ile onu takip eden liste arasında boş bir satır gerektirir. Başlıklarda # sembollerinden sonra bir boşluk gerekir. Kod çitleri (```) kod bloğu renderini tetiklemek için kendi satırlarında olmalıdır.
Önizleme, Markdown'ınızın çoğu platformda (GitHub, Slack, Discord vb.) nasıl görüneceğine yakın bir tahmindir, ancak her platformun küçük farklılıkları olan kendi render edicisi vardır. Temel biçimlendirmenin ötesindeki her şey için hedef platformda her zaman son bir kontrol yapın.
Sıkça Sorulan Sorular
Bu araç hangi Markdown sözdizimini destekler?
Başlıklar (# ile ###### arası), kalın (**metin**), italik (*metin*), satır içi kod (`kod`), kod blokları (```), bağlantılar ([metin](url)), madde işaretli listeler (- öğe), numaralı listeler (1. öğe) ve alıntılar (> metin).
İçeriğim herhangi bir yere kaydediliyor veya yükleniyor mu?
Hayır. Her şey tamamen tarayıcınızda JavaScript kullanılarak ayrıştırılır ve render edilir. Yazdıklarınız hiçbir sunucuya gönderilmez, saklanmaz veya kaydedilmez.
Biçimlendirmem neden doğru görünmüyor?
Markdown tam bir sözdizimi gerektirir — örneğin, birçok render edicinin bir paragraf ile bir listeyi doğru şekilde ayırabilmesi için aralarında boş bir satır gerekir ve başlıklar # sembollerinden sonra bir boşluk gerektirir. Kullandığınız biçimlendirmenin etrafında eksik boşluk veya satır sonu olup olmadığını kontrol edin.
Bunu, commit etmeden önce bir GitHub README'sini önizlemek için kullanabilir miyim?
Evet, bu aracın desteklediği yaygın Markdown öğeleri için. GitHub'ın render edicisi, bu hafif önizleyicinin içermediği bazı ek GitHub-Flavored Markdown uzantılarını (tablolar ve görev listeleri gibi) destekler, bu yüzden temel sözdiziminin ötesindeki her şey için son render'ı her zaman GitHub'ın kendisinde kontrol edin.
Hayır. Her şey tamamen tarayıcınızda JavaScript kullanılarak ayrıştırılır ve render edilir. Yazdıklarınız hiçbir sunucuya gönderilmez, saklanmaz veya kaydedilmez.
Why isn't my formatting showing up correctly?
Markdown tam bir sözdizimi gerektirir — örneğin, birçok render edicinin bir paragraf ile bir listeyi doğru şekilde ayırabilmesi için aralarında boş bir satır gerekir ve başlıklar # sembollerinden sonra bir boşluk gerektirir. Kullandığınız biçimlendirmenin etrafında eksik boşluk veya satır sonu olup olmadığını kontrol edin.
Can I use this to preview a GitHub README before committing?
Evet, bu aracın desteklediği yaygın Markdown öğeleri için. GitHub'ın render edicisi, bu hafif önizleyicinin içermediği bazı ek GitHub-Flavored Markdown uzantılarını (tablolar ve görev listeleri gibi) destekler, bu yüzden temel sözdiziminin ötesindeki her şey için son render'ı her zaman GitHub'ın kendisinde kontrol edin.
Markdown ile HTML arasındaki fark nedir?
Markdown, düz metin olarak yazması ve okuması kolay, hafif bir biçimlendirme dilidir. HTML ise daha karmaşık sözdizimine sahip eksiksiz bir biçimlendirme dilidir. Markdown, görüntülenmek üzere sıklıkla HTML'e dönüştürülür. Bu araç, Markdown'ı gerçek zamanlı olarak HTML olarak render eder.
How do I create a table in Markdown?
Standart Markdown tabloları desteklemez, ancak GitHub-Flavored Markdown destekler. Sütunları ayırmak için dikey çubuk (|) karakterini ve başlık ayracı için tire kullanın. Bu önizleyici tabloları render etmez — hedef platformunuzdaki son görünümü kontrol edin.
Can I write LaTeX math in Markdown?
This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.
