Markdown'dan Slaytlara

Sunumları README yazar gibi yazın: Markdown başlıkları, madde işaretli listeler ve kod blokları, --- yatay çizgileriyle slaytlara ayrılır. Araç, slayt setinizi Reveal.js ile canlı olarak işler (temalar: siyah, beyaz, sade, solarized), Note: ile konuşmacı notlarını, -- ile iç içe dikey slaytları destekler ve bağımsız bir HTML dosyasına ya da baskıya hazır bir PDF’e dışa aktarır.

Markdown nasıl bir slayt setine dönüşür

  1. 1

    Markdown yazın

    Slaytları ayırmak için `---` kullanın. Standart başlıklar, listeler ve kod blokları her zamanki gibi çalışır.

  2. 2

    Konuşmacı notları ekleyin

    Bir paragrafın başına `Note:` ekleyin: yalnızca sunucu modunda görünür.

  3. 3

    Slayt setini önizleyin

    Canlı önizleme, slayt setini ok tuşlarıyla gezinerek gösterir.

  4. 4

    Bir tema seçin

    Siyah, beyaz, league, sky, sade, solarized: herhangi bir Reveal.js teması.

  5. 5

    Dışa aktarın

    Bağımsız HTML dosyası veya tarayıcı yazdırma yoluyla PDF.

Slayt söz dizimi

# Açılış slaytı

Alt başlık metni burada

---

## İkinci slayt

- Madde bir
- Madde iki
- Madde üç

Note: bunlar yalnızca sunucu modunda görünen konuşmacı notlarıdır.

---

## Kod slaytı

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`
  • --- (kendi satırında üç kısa çizgi) yeni bir yatay slayt başlatır.
  • -- (iki kısa çizgi), geçerli slayt sütununun içinde dikey bir slayt başlatır, aşağı inmek için aşağı ok tuşuna basın.
  • Bir paragrafın başındaki Note:, konuşmacı notuna dönüşür.

Klavye ile gezinme

Tuş Eylem
Sağ / Boşluk Sonraki slayt
Sol Önceki slayt
Aşağı / Yukarı Dikey yığında gezin
s Konuşmacı görünümünü aç
o Slayt genel görünümü
f Tam ekran
? Yardım penceresi

Yerleşim ipuçları

  • İki sütunlu yerleşim: slaytın içinde ham HTML kullanın, <div class="columns">...</div>.
  • Parça parça gösterim: Reveal.js doğrudan kullanıldığında madde işaretli listeler {.fragment} özniteliğiyle teker teker canlanır. Gerekirse ham HTML olarak ekleyin.
  • Arka plan görselleri: slayt düzeyindeki <!-- .slide: data-background="url" --> özniteliği tam ekran bir arka plan ayarlar.
  • Slaytlar arasında otomatik animasyon: Reveal 4, eşleşen öğeler için akıcı geçişleri destekler, bunu tema ayarlarından etkinleştirin.

PDF olarak dışa aktarma

Canlı önizlemeden, tarayıcı adresinizde ?print-pdf açın ve tarayıcının yazdırma penceresini kullanın. A4 yatay, arka plan grafikleri açık, kenar boşlukları en az olacak şekilde seçin. Reveal.js her sayfaya bir slayt basar; konuşmacı notları isteğe bağlı ek sayfalarda yer alır.

Markdown tabanlı slaytlar ne zaman öne çıkar

  • Çok sayıda kod örneği içeren teknik konuşmalar.
  • Yerleşimin ikincil olduğu, içeriği önceleyen slayt setleri.
  • Slayt biçiminde belgeler, sunumları projenin README dosyasının yanında git’te tutun.
  • Sürüm denetimli eğitim materyalleri.

Ne zaman uygun değildir

  • Görsel yerleşimi kesin olan, tasarım ağırlıklı sunumlar.
  • Karmaşık animasyonlar veya gömülü video zamanlaması gerektiren slaytlar.
  • Şablonların her ayrıntıyı belirlediği, marka tarafından yönetilen slayt setleri.

Sık Sorulan Sorular

Evet, standart Markdown görsel söz dizimi çalışır. Dışa aktarılan HTML’den erişilebilir olması için mutlak URL’ler kullanın veya önce görselleri yükleyin.

Evet, isteğe bağlı olarak. Reveal’in yazdırma modu “notları ayrı sayfa olarak” seçeneğini destekler, her slayt iki PDF sayfası olur, biri slayt, diğeri notlar.

Hayır. İşleme, tarayıcınızda yerel olarak gerçekleşir. Markdown kaynağı ve dışa aktarılan HTML asla bilgisayarınızdan çıkmaz.

Evet. Markdown’ınızın en üstüne bir <style> bloğu ekleyin veya tema ayarlarında harici bir stil sayfasına bağlantı verin. Bu, Reveal.js çıktısına yerleştirilir.

Dışa aktarılan HTML, herhangi bir statik sunucuda çalışan bağımsız bir dosyadır, GitHub Pages, Netlify, S3. HTML’i yükleyin, işiniz biter.

İlgili Araçlar

Araç diğer dillerde mevcuttur