Menulis Ekspresi Matematika di Markdown
Aan Triono
di LaTeX
Artikel ini membahas tentang penulisan ekspresi matematika di markdown menggunakan KaTeX.
Menulis Ekspresi Matematika Menggunakan KaTeX di Markdown
KaTeX adalah pustaka JavaScript yang memungkinkan Anda untuk merender ekspresi matematika menggunakan sintaks LaTeX di halaman web. KaTeX dikenal cepat dan ringan, membuatnya ideal untuk menampilkan ekspresi matematika di Markdown, terutama dalam aplikasi web atau statis seperti Hugo, Jekyll, atau situs HTML biasa.
Artikel ini akan menjelaskan cara menulis ekspresi matematika menggunakan KaTeX di Markdown, termasuk pengaturan dasar, sintaks LaTeX yang didukung, dan beberapa contoh penggunaan. Dengan panduan ini, Anda dapat membuat dokumen Markdown yang menyajikan ekspresi matematika secara profesional.
Mengapa KaTeX?
KaTeX memiliki beberapa keunggulan dibandingkan pustaka lain seperti MathJax:
- Kecepatan: KaTeX dirancang untuk merender ekspresi matematika secara instan tanpa memengaruhi kinerja halaman.
- Ukuran Kecil: Ukuran file KaTeX lebih kecil dibandingkan pustaka lain.
- Kompatibilitas Markdown: KaTeX sangat cocok untuk digunakan bersama Markdown dalam berbagai platform.
- Output Berkualitas Tinggi: Ekspresi matematika dirender dengan tampilan yang rapi dan estetis.
Persiapan untuk Menggunakan KaTeX
Sebelum Anda dapat menulis ekspresi matematika dengan KaTeX di Markdown, Anda harus mengintegrasikan KaTeX ke dalam proyek Anda.
Menginstal KaTeX
Jika Anda bekerja dengan situs statis semisal Hugo atau Jekyll, unduh KaTeX dari situs resminya atau gunakan CDN. Tambahkan skrip dan gaya KaTeX ke file HTML Anda.
Contoh:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contoh KaTeX</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/contrib/auto-render.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
renderMathInElement(document.body, {
delimiters: [
{ left: "$$", right: "$$", display: true },
{ left: "$", right: "$", display: false }
]
});
});
</script>
</head>
<body>
# Contoh KaTeX
<p>Ini adalah contoh: $E = mc^2$</p>
</body>
</html>Integrasi dengan Platform Markdown
Jika Anda menggunakan generator situs statis seperti Hugo atau Jekyll, pastikan untuk mengkonfigurasi Markdown agar mendukung KaTeX. Anda dapat menambahkan skrip dan gaya KaTeX di layout dasar (misalnya, baseof.html di Hugo).
Sintaks LaTeX yang Didukung oleh KaTeX
KaTeX mendukung sebagian besar sintaks LaTeX/TeX standar.
Berikut adalah beberapa kategori utama yang sering digunakan:
a. Matematika Inline Untuk menulis ekspresi matematika inline, gunakan tanda dolar tunggal ($).
Contoh:
$E = mc^2$
$c = \pm\sqrt{a^2 + b^2}\( dan \\(f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi\\)Hasil: )E=mc^2$
$c = \pm\sqrt{a^2 + b^2} \( dan \\(f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi\\)
b. Matematika Blok
Gunakan tanda dolar ganda ($$) untuk membuat ekspresi matematika dalam bentuk blok.
Contoh:
$$
\int_a^b f(x) \ dx = F(b) - F(a)
$$Hasil:
c. Operator Matematika
KaTeX mendukung berbagai operator matematika, termasuk:
Penjumlahan: x + y Perkalian: x \cdot y atau x \times y Pecahan: \frac{a}{b} Akar: \sqrt{x}
Contoh:
$$
\frac{1}{\sqrt{2\pi}} e^{-\frac{x^2}{2}}
$$Hasil:
d. Simbol Greek dan Lainnya
Gunakan sintaks LaTeX untuk menulis simbol Greek atau khusus:
Greek kecil: \alpha, \beta, \gamma Greek besar: \Gamma, \Delta Lainnya: \infty (tak hingga), \partial (derivatif parsial), \nabla (operator nabla)
Contoh:
\)\alpha + \beta = \gamma\(Hasil:
e. Matriks dan Sistem Persamaan
KaTeX mendukung format matriks menggunakan perintah \begin{matrix}.
Contoh:
$$
\begin{bmatrix}
a & b \\
c & d
\end{bmatrix}
$$Hasil:
Penyesuaian Lebih Lanjut
a. Delimiters Kustom
Anda dapat menyesuaikan delimiters di KaTeX. Misalnya, gunakan untuk inline, atau [] untuk blok.
b. Gaya Visual
KaTeX mendukung gaya visual seperti:
Teks Tebal: \mathbf{A} untuk huruf tebal. Huruf Miring: \mathit{A} untuk huruf miring. Ukuran Font: \small, \large, \Huge.
Contoh:
$$
\mathbf{F} = \frac{d}{dt} \mathit{p}
$$Hasil:
c. Error Handling
KaTeX memiliki error handling yang baik. Jika Anda menulis sintaks yang salah, ekspresi tetap dirender tetapi akan memberikan notifikasi kesalahan.
Ekspresi Matematika dengan KaTeX
Ini adalah contoh penggunaan KaTeX di Markdown.
Contoh Inline
Rumus terkenal oleh Einstein: )E = mc^2(
Contoh Blok
Berikut adalah integral:
Matriks
Representasi matriks:
Simbol Greek
Beberapa simbol Greek: )\alpha$, $\beta$, $\gamma$.
Gaya Visual
Huruf tebal: $\mathbf{A}$. Huruf miring: $\mathit{A}$. Hasilnya akan dirender sesuai dengan konfigurasi KaTeX Anda.
Kesimpulan
Dengan KaTeX, Anda dapat membuat ekspresi matematika yang indah dan efisien di Markdown.
Langkah-langkah pengaturan sederhana dan dukungan sintaks LaTeX yang luas menjadikan KaTeX pilihan yang sangat baik untuk kebutuhan matematika online. Pastikan untuk menyesuaikan pengaturan sesuai proyek Anda agar KaTeX berjalan optimal.
