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
Markdown yazın
Slaytları ayırmak için `---` kullanın. Standart başlıklar, listeler ve kod blokları her zamanki gibi çalışır.
-
2
Konuşmacı notları ekleyin
Bir paragrafın başına `Note:` ekleyin: yalnızca sunucu modunda görünür.
-
3
Slayt setini önizleyin
Canlı önizleme, slayt setini ok tuşlarıyla gezinerek gösterir.
-
4
Bir tema seçin
Siyah, beyaz, league, sky, sade, solarized: herhangi bir Reveal.js teması.
-
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
ASCII Tablosu Referansı
NUL, LF ve DEL dahil her kod için ondalık, onaltılık, sekizlik ve ikili değerlerle HTML sayısal karakter başvurusu gösterimini sunan tam ASCII tablosu.
HTML Karakter Referansı
HTML varlıklarının aranabilir listesi; adlandırılmış ve sayısal kodlarıyla birlikte özel karakter ve semboller için tek tıkla kopyalama.
Klavye kısayolları başvurusu
macOS, Windows ve Linux’ta VS Code, Chrome ve GNU Readline kullanan Bash için belgelenmiş varsayılan kısayolları arayın.
FPS Sayacı
requestAnimationFrame ile tarayıcı FPS değerini ölçün: yumuşatma, en düşük ve en yüksek kare hızı, uyarı eşiği ve isteğe bağlı grafik. Yerel çalışır, yükleme ve API yoktur.
E-posta Doğrulayıcı
Bir e-posta adresini doğrulayın: RFC 5322 sözdizimi kontrolü, canlı MX kaydı sorgulama, ayrıca yerel kısım, alan adı ve uzunluk bilgileri. Hiçbir e-posta gönderilmez.
EditorConfig Oluşturucu
Girinti stili ve boyutu, satır sonu, karakter kümesi ve boşluk kurallarınızla bir .editorconfig dosyası oluşturarak IDE ve editörler arasında tutarlı biçimlendirme sağlayın.
Araç diğer dillerde mevcuttur
- Markdown till bildspel [SV]
- Markdown ke Slide [ID]
- Markdown sang Slide [VI]
- Markdown을 슬라이드로 변환 [KO]
- Markdown para Apresentações [PT]
- تحويل ماركداون إلى شرائح عرض [AR]
- Markdown naar slides [NL]
- Markdown vers Diapositives [FR]
- Markdown zu Folien [DE]
- Markdown na slajdy [PL]
- Markdown a Presentaciones [ES]
- แปลง Markdown เป็นสไลด์ [TH]
- Markdown をスライドに変換 [JA]
- Markdown to Slides [EN]
- Markdown in Diapositive [IT]
- Markdown в слайды [RU]
- 将 Markdown 转换为幻灯片 [ZH]