Menulis Ekspresi Matematika di Markdown

Menulis Ekspresi Matematika di Markdown

Table of Contents

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>
    <h1>Contoh KaTeX</h1>
    <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 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$

Hasil: $E = mc^2$

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: $$ \int_a^b f(x) \ dx = F(b) - F(a) $$

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: $$ \frac{1}{\sqrt{2\pi}} e^{-\frac{x^2}{2}} $$

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: $$\alpha + \beta = \gamma$$

e. Matriks dan Sistem Persamaan KaTeX mendukung format matriks menggunakan perintah \begin{matrix}.

Contoh:

$$
\begin{bmatrix}
a & b \\
c & d
\end{bmatrix}
$$

Hasil: $$ \begin{bmatrix} a & b \\ c & d \end{bmatrix} $$

Penyesuaian Lebih Lanjut

a. Delimiters Kustom Anda dapat menyesuaikan delimiters di KaTeX. Misalnya, gunakan ( dan ) 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: $$ \mathbf{F} = \frac{d}{dt} \mathit{p} $$

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:

$$ \int_a^b f(x) , dx = F(b) - F(a) $$

Matriks

Representasi matriks: $$ \begin{bmatrix} 1 & 2 \\ 3 & 4 \end{bmatrix} $$

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.

Tags :
comments powered by Disqus