Hello Blogmate's How are you ? I hope you are doing great. Most of you somehow will have noticed on many of blogs they have Mathematical equations in thier posts which looks like professional especially in educational website.
Basically, Math Jax is a very beneficial to have , it improves your Mathematical equations writing and their style of looking like professional.
In this blog we are going to discuss about the what is MathJax , its features and how to use it in blogger and WordPress sites. Adding MathJax to your web pages is easy to do.
What is MathJax?
Beautiful math in all browsers - A JavaScript display engine for mathematics that works in all browsers. No more setup for readers. It just works.
Features & Benefits
- High-quality typography
MathJax uses CSS with web fonts or SVG, instead of bitmap images or Flash, so equations scale with surrounding text at all zoom levels.
- Modular Input & Output
MathJax is highly modular on input and output. Use MathML, TeX and ASCIImath as input and produce HTML+CSS, SVG and MathML as output.
- Accessible & Usable
MathJax is compatible with screenreaders & provides zoom for everyone. You can also copy equations into Office, LaTeX, wikis, and other software.
If you are using a Content Management System (like Wordpress, Moodle, or Drupal) to generate your web site, there may be a plugin to add MathJax to your site already, e.g., for Wordpress or Drupal. You may need to download or activate the plugin, if one is available.
If you are using specialized authoring tools, such as LaTeX or Markdown, they might integrate MathJax out of the box or have plugins, e.g., for LaTeX, Markdown, or even epub.
This tip is useful for engineering and science bloggers who want to share their knowledge on the web. Here is the way I found. I recently tested it on the Blogger system, the purpose is to share science tutorials with you using the correct math way.
Steps - How to do it ?
Step 1: Go to Blogger Dashboard
Step 2: Go to Theme/Template Section
Click Edit HTML
Step 3: Find <head> tag. Find <head> tag , copy and paste the following script.
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js"></script>Step 4: Write code in a new post following using latex language inside:
Inline: \( latex code here \)Paragraph: \[ latex code here \]
Step 5: Equation test:
\( x = − b ± b^2−4 a c 2 a \)
After doing all the things provided above now you can go and visit your website in see that this functionality will be added into your blog and this looks nice you should have to check it.
Conclusion
So today we have discussed about How to add math on your blog : MathJax + Blogger. I hope you like this post kindly do give a comment below. If you are having problem implementing this kindly contact me. Do visit regularly for getting more updates like this.