Mỗi nền tảng web/blog có 1 cách chèn công thức toán học bằng Latex vào khác nhau. Trên mạng có giới thiệu nhiều phương pháp để đưa công thức toán bằng Latex vào Blogspot tuy nhiên hay bị lỗi này lỗi nọ hoặc hướng dẫn không đầy đủ gây khó khăn cho người thực hiện. Tại bài viết này, các bạn sẽ được hướng dẫn 3 cách làm chính xác nhất để có được công thức đẹp trong Blogspot.
Bước 1. Chèn code vào template
- Đăng nhập phần quản trị của Blogspot > menu Chủ đề (Template).
- Tại giao diện đang được lựa chọn, chọn Chỉnh sửa HTML (Edit HTML).
- Đưa chuột vào khung chứa mã HTML, nhấn tổ hợp phím Ctrl + F để tìm kiếm. Nhập từ khóa <head> rồi Enter.
- Chèn đoạn code sau vào ngay sau thẻ <head> (nếu báo lỗi liên quan đến dấu ">" và "<" thì thay 2 ký tự đó bằng mã html: thay ">" thành "<" và thay "<" thành ">"):
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js" type="text/javascript' type='text/javascript'>Bước 2. Gõ Latex trong bài viết
MathJax.Hub.Config({
extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>
Vào phần soạn thảo bài viết mới, soạn thảo tại tab Viết (không phải tab HTML) với cấu trúc:
Cùng theo dõi 1 số ví dụ dưới đây để hiểu rõ hơn cách thức soạn thảo và hiển thị một công thức toán học bằng Latex trong Blogspot. Chúc các bạn thành công.
Ví dụ 1:
Ví dụ 2:
$...lệnh LATEX...$Cùng theo dõi 1 số ví dụ dưới đây để hiểu rõ hơn cách thức soạn thảo và hiển thị một công thức toán học bằng Latex trong Blogspot. Chúc các bạn thành công.
Ví dụ 1:
$\tau=\dfrac{C_{A0}-C_{Af}}{kC_{Af}^2}$$\tau=\dfrac{C_{A0}-C_{Af}}{kC_{Af}^2}$Ví dụ 2:
$\tau=-\displaystyle\int\limits_{C_{A0}}^{C_{Af}}\dfrac{dC_A}{kC_A^2}$$\tau=-\displaystyle\int\limits_{C_{A0}}^{C_{Af}}\dfrac{dC_A}{kC_A^2}$
Ví dụ 3:
$\tau=\dfrac{C_{A0}-C_{Af}}{kC_{Af}^2} \to k\tau_1 C_{A0} = \dfrac{1-\dfrac{C_{Af1}}{C_{A0}}}{\dfrac{C_{Af1}}{C_{A0}}} = \dfrac{1-\dfrac{1}{2}}{(\dfrac{1}{2})^2} = 2$
$\tau=\dfrac{C_{A0}-C_{Af}}{kC_{Af}^2}.\to.k\tau_1.C_{A0}=\dfrac{1-\dfrac{C_{Af1}}{C_{A0}}}{\dfrac{C_{Af1}}{C_{A0}}}=\dfrac{1-\dfrac{1}{2}}{(\dfrac{1}{2})^2}=2$$\tau=\dfrac{C_{A0}-C_{Af}}{kC_{Af}^2} \to k\tau_1 C_{A0} = \dfrac{1-\dfrac{C_{Af1}}{C_{A0}}}{\dfrac{C_{Af1}}{C_{A0}}} = \dfrac{1-\dfrac{1}{2}}{(\dfrac{1}{2})^2} = 2$
Ví dụ 4:
$\tau_3=-\displaystyle\int\limits_{C_{A0}}^{C_{Af3}}\dfrac{dC_A}{kC_A^2}=\dfrac{1}{k}.(\dfrac{1}{C_{Af3}}-\dfrac{1}{C_{A0}}) \to k\tau_3C_{A0}=\dfrac{C_{A0}}{C_{Af3}}-1$
Cách 2. Dành cho người thi thoảng mới soạn thảo Latex$\tau_3=-\displaystyle\int\limits_{C_{A0}}^{C_{Af3}}\dfrac{dC_A}{kC_A^2}=\dfrac{1}{k}.(\dfrac{1}{C_{Af3}}-\dfrac{1}{C_{A0}}) \to k\tau_3C_{A0}=\dfrac{C_{A0}}{C_{Af3}}-1$$\tau_3=-\displaystyle\int\limits_{C_{A0}}^{C_{Af3}}\dfrac{dC_A}{kC_A^2}=\dfrac{1}{k}.(\dfrac{1}{C_{Af3}}-\dfrac{1}{C_{A0}}) \to k\tau_3C_{A0}=\dfrac{C_{A0}}{C_{Af3}}-1$
Phương pháp trên là chèn 1 đoạn JS vào thẻ <head> tức là bất cứ khi nào load web cũng sẽ load JS này nên làm chậm tốc độ tải web đi nhiều. Có thể khắc phục bằng cách bài viết nào cần dùng Latex thì chèn JS trên vào đúng bài viết đó thôi.
Tại mục soạn thảo bài viết mới, tab HTML, chèn code dưới đây vào, sau đó chuyển sang tab Viết rồi viết nội dung bình thường giống như Bước 2 của Cách 1.
<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js">
MathJax.Hub.Config({
extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>
</b:if>
Cách 3. Dùng extension của Wordpress
Trong tab soạn thảo HTML, gõ đoạn code sau:
<img src="https://l.wordpress.com/latex.php?latex=MA_LENH_LATEX"/>Ví dụ:<img src="https://l.wordpress.com/latex.php?latex=\tau_3=\displaystyle\int\limits_{C_{A0}}^{C_{Af}}\dfrac{dC_A}{kC_A^2} &bg=ffffff&fg=000000&" />Cách này buộc phải nhớ đoạn code đứng đầu, nhất là với văn bản dài thì việc gõ đi gõ lại đoạn code đó rất là phiền phức. Bên cạnh đó công thức được render thành dạng ảnh, bài viết dài nhiều công thức sẽ làm tốc độ load web kém đi, copy bài viết khó khăn hơ.
