Chào mừng bạn ghé thăm blog!

Latex cho blogspot, thật hiệu quả với MathJax



MathJax là một mã nguồn JavaScript mở, dùng để hiển thị các công thức Toán trên các trình duyệt hiện đại. Dự án MathJax được khởi động từ năm 2009 và được quản lý bởi Design Science. Dự án này được tài trợ bởi American Mathematical Society, Design Science, Society for Industrial and Applied Mathematics, Elsevier, và Project Euclid.

MathJax tự động nhận dạng các lệnh Latex theo cú pháp $\latex code$ và hiển thị thành công thức Toán cùng dòng với text; nhận dạng $$\latex code$$ thành công thức Toán xuống dòng và canh giữa. Với đặc điểm biên dịch lệnh Latex giống như một hệ thống Latex cài đặt trên máy tính cá nhân, MathJax thể hiện các công thức Toán cùng dòng với text tuyệt đẹp và không bị lệch dòng. Do đó, dùng Latex cho web/blog với MathJax là sự lựa chọn đúng đắn trong thời điểm hiện nay.

MathJax hỗ trợ cho nhiều web platform như Wordpress, MediaWiki, Drupal,... Dưới đây ta sẽ trình bày cách thể hiện công thức Toán trong blogspot với MathJax qua thao tác đơn giản như sau

Bạn copy đoạn code sau và paste vào trước thẻ </head> trong template của bạn rồi lưu lại (Thiết kế → Chỉnh sửa HTML → Lưu mẫu) hoặc (Design → Edit HTML → Save Template)

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/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>

Vậy là từ giờ bạn đã có thể thể hiện công thức Toán trong blogspot bằng ngôn ngữ Latex rồi đó. Good luck.

Trong đoạn mã trên ta có đường dẫn "http://cdn.mathjax.org/mathjax/latest/MathJax.js", đây chính là nơi chứa file MathJax.js trên hosting của mathjax.org. Nếu sợ giới hạn về băng thông thì ta vào http://www.mathjax.org/download/ để tải về bộ cài đặt mới nhất, giải nén và upload lên host của mình, sau đó thay địa chỉ "http://cdn.mathjax.org/mathjax/latest/MathJax.js" trong code ở trên bởi địa chỉ dẫn tới file MathJax.js trên host của mình là xong. Bây giờ vấn đề băng thông đã được giải quyết.happy

Nguồn http://www.mathjax.org/

Chú ý. Khi ta paste đoạn code trên vào trước thẻ </head> thì blog của bạn sẽ tải Javascript MathJax ở mỗi trang hiện hành, điều này có thể làm chậm tốc độ tải trang cho blog của bạn. Do đó ta thiết lập chỉ tải Javascript MathJax khi người đọc xem toàn bộ bài viết, ngoài ra thì không để góp phần tăng tốc blog của bạn theo 2 bước sau đây:

Bước 1. Vào Thiết kế --> Chỉnh sửa HTML --> Mở rộng mẫu tiện ích tìm đoạn code
<div class='post-header-line-1'>
Bước 2. Thêm vào sau đoạn code đó đoạn code dưới đây
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/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>
Bạn lưu mẫu và chiêm ngưỡng công thức Toán tuyệt đẹp cùng trải nghiệm tốc độ tải trang được cải thiện hơn so với cách chèn vào trước thẻ </head>.happy


6 comments

July 23, 2013 at 10:04 AM Reply

vv

December 18, 2014 at 12:37 AM Reply

$(a)^{9}$

October 11, 2015 at 10:19 AM Reply

sao chèn vào cái thứ 2 như bạ nói thì nó khong hiện công thức. báo sai à

April 8, 2020 at 11:29 AM Reply

Mình cần chạy code tikz trên nền blogger, nhờ add chỉ dẫn nhé. tks.

April 17, 2020 at 3:15 PM Reply

cái này mình còn đang tìm hiểu. Hiện tại chưa làm được bạn ơi.

February 9, 2023 at 10:39 AM Reply

Thầy cho mình hỏi, nếu chạy code tikz trên blog có được không thầy?

Post a Comment

+) Khi đăng nhận xét, bạn vui lòng viết Tiếng Việt đủ dấu và nhận xét đó có liên quan đến bài viết. Rất vui vì bạn đã đọc bài và cho ý kiến.

+) Vì có nhiều spam comments nên chế độ bình luận "ẩn danh" (nặc danh) đã đóng lại.

 

Total Pageviews

© 2011-2020 Toán và Latex
Xem blog tốt nhất với trình duyệt Firefox hoặc Chrome.

This template is developed from Thesis Blogger Theme by Toán và Latex.