🧾Markdown to PDF

Markdown verilerini VSCode üzerinde PDF'e çevirme

🔰 Markdown PDF Hakkında

• PDF oluşumu için yeni sayfaya geçmek için md dosyasına <div class="page"/> satırını yazman gerekmekte

  • Yaklaşık 40 satırda bir yeni sayfaya geçmek mantıklı

  • Bu sayda metnini otomatik ekleyen script yazılabilir

🧮 Latex Desteği

Dokümanda latex varsa, md dosyasının en altına, latex scipt'ini eklemen gerekmektedir

<script
  type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
></script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" });
</script>

🧙‍♂️ Ek olarak buradaki yöntemi de deneyebilirsin.

✍ Markdown Imzam

<!-- > *Yunus Emre Ak* ile çalışılmıştır. -->

Bu yazı **MIT** lisanslıdır. Lisanslar hakkında bilgi almak için [buraya](https://choosealicense.com/licenses/) bakmanda fayda var.

- Copyright © ~ _Yunus Emre AK_

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" });
</script>

<br>
<br>
<br>
<br>
<br>

---

![PDF Yapısı Hakkında Bilgilendirme](https://bit.ly/2QmZtIc)

---

<div class="page"/>

🌠 Özelleştirmem

• Css dosyamı buradan indirebilirsin

• VsCode üzerinden ayarlara "markdown-pdf.styles" komutu ile css dosyasının yolunu belirtin

• Link: http://tiny.cc/yek86y

🔨 VsCode Ayarları

{
  // Markdown PDF ayarları
  "markdown-pdf.outputDirectory": "Dökümanlar",
  "markdown-pdf.styles": ["http://tiny.cc/yek86y"],
  "markdown-pdf.headerTemplate": "<div style=\"width: 100%; font-size: 7px; margin: 0 auto; font: Segoe UI Light; text-align: center;\"><div style=\"float: left; width: 33.33%;\"><a style='text-decoration: none; font: Risque; color: red;' href='https://gogetfunding.com/yemreak/'>Destek ❤</a></div><div style=\"float: left; width: 33.33%;\"><a style='text-decoration: none; color: navy;' href='https://www.yemreak.com'>Yunus Emre Ak ©</a></div><div style=\"float: left; font-size: 7px; width: 33.33%; color: gainsboro;\"><span class='date'></span></div></div>",
  "markdown-pdf.footerTemplate": "<div style=\"width: 100%; font-size: 7px; margin: 0 auto; font: Segoe UI Light\"> <div style=\"float: left; width: 20%; text-align: center\"><a style=\"text-decoration: none; display: inline-block; color: dodgerblue;\" href=\"https://yemreak.com\">Website</a></div><div style=\"float: left; width: 20%; text-align: center\"><a style=\"text-decoration: none; display: inline-block; color: dodgerblue;\" href=\"https://github.com/yedhrab \">Github</a></div><div style=\"float: left; width: 20%; text-align: center\"><span class=\"pageNumber \">3 </span> / <span class=\"totalPages \"> 5</span></div><div style=\"float: left; width: 20%; text-align: center\"><a style=\"text-decoration: none; display: inline-block; color: dodgerblue;\" href=\"https://www.linkedin.com/in/yemreak/\">LinkedIn</a></div><div style=\"float: left; width: 20%; text-align: center\"><a style=\"text-decoration: none; display: inline-block; color: dodgerblue;\" href=\"mailto::[e-mail]?subject=YPDF%20%7C%20Github\">İletişim</a></div></div>"
}

🐞 Emoji Fontlarının Gözükmemesi

sudo apt install fonts-noto-color-emoji

🐞 Dosya Boyutu Sorunu

Dosya boyutunu düşürmek için:

• Emojilerin kaldırılması 😢 (~ 7MB)

• Chromium (~ 3MB)

Emoji sorunu sadece linux'ta var.