Hướng dẫn sử dụng Công thức Toán học trên Blogspot với MathJax

Chào mừng bạn đến với ví dụ này! Bạn có thể sử dụng MathJax để hiển thị công thức toán học đẹp mắt trực tiếp trong bài đăng của mình. Việc này rất hữu ích cho các bài viết về khoa học, toán học, hoặc vật lý.

Cách thức hoạt động

Bạn chỉ cần thêm một đoạn mã JavaScript vào phần HTML của blog. Sau đó, bạn có thể viết công thức trực tiếp trong bài đăng bằng cú pháp LaTeX. MathJax sẽ tự động tìm và chuyển đổi chúng thành hình ảnh SVG hoặc MathML.

Công thức hiển thị nội dòng (Inline)

Để viết công thức nội dòng, bạn có thể bao quanh công thức bằng dấu đô la đơn ($) hoặc dấu ngoặc tròn (\(...\)). Ví dụ: Phương trình $E=mc^2$ của Einstein rất nổi tiếng, hoặc phương trình bậc hai \(ax^2 + bx + c = 0\).

Công thức hiển thị độc lập (Display)

Để viết công thức hiển thị độc lập trên một dòng riêng, bạn bao quanh công thức bằng dấu đô la kép ($$) hoặc dấu ngoặc vuông (\[...\]). Ví dụ:

Công thức tích phân:

$$ \int_a^b x^2 dx = \frac{x^3}{3} \Big|_a^b $$

Hoặc công thức ma trận:

\[ A = \begin{pmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{pmatrix} \]

Mã nguồn cần thêm vào Blogspot

Để sử dụng MathJax, bạn cần thêm đoạn mã dưới đây vào phần HTML (ví dụ, trong phần **Chủ đề** > **Tùy chỉnh** > **Chỉnh sửa HTML**) của blog. Hãy thêm nó ngay trước thẻ </body>.

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    displayMath: [['$$', '$$'], ['\\[', '\\]']]
  }
};
</script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>

Sau khi thêm mã này, bạn chỉ cần viết các công thức LaTeX trong các bài đăng mới của mình. MathJax sẽ làm phần còn lại!