Como instalar o interpretador Latex MathJax no Blogger?
Autor: Edigley Alexandre | Publicado: 2016-12-18T13:44:00-03:00


A grosso modo, um interpretador $\LaTeX$ é um software que transforma um comando digitado em um ambiente, de acordo com parâmetros pré-estabelecidos, em simbologia matemática universal.




Se você tem um blog hospedado na plataforma Blogger e ele trata de artigos sobre ciências exatas, com certeza uma hora precisará usar simbologia matemática adequada (simples ou complexa). No começo dessse blog utilizava imagens de equações nos artigos, o que deixava tudo desordenado e nada bonito.

Como o MathJax você terá uma simbologia matemática de rápida renderização, muito organizada e de estética impressionante. Veja um exemplo abaixo de simbologia matemática usando o MathJax.
$$\begin{equation*} 
\left\{\begin{matrix} 
-2x &amp; + &amp; y &amp; - &amp; 2z &amp; = &amp; 12\\ 
3x &amp; + &amp; 2y &amp; + &amp; 2z &amp; = &amp; -1\\ 
-7x &amp; + &amp; 4y &amp; - &amp; 3z &amp; = &amp; 9 
\end{matrix}\right. 
\end{equation*}$$
Já testei alguns interpretadores online e o melhor até então é o MathJax.

Neste artigo darei todas as dicas para você instalar o MathJax em seu blog no Blogger e como escrever em $\LaTeX$ em seus artigos. Veja esse artigo&nbsp;que contém simbologia matemática e note como é importante ter um interpretador $\LaTeX$ em seu blog.


1º passo: abra o modo HTML do seu blog
Acesse o painel do seu blog pelo endereço&nbsp;www.blogger.com. Ver imagem abaixo.




Espere carregar o modo HTML do blog. Clique em qualquer parte do código visível e em seguida tecle Ctrl+F (control F). No campo que abrir na parte superior direita do código fonte, digite &lt;/body&gt;.

Automaticamente esse trecho será encontrado e destacado com uma cor amarela. Imediatamente acima de &lt;/body&gt; cole o código que está logo abaixo.
&lt;!-- INICIO SCRIPT LATEX --&gt;
&lt;b:if cond='data:blog.pageType != &amp;quot;static_page&amp;quot;'&gt;
&lt;script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js'type='text/javascript'&gt;   
MathJax.Hub.Config({
HTML:["input/TeX","output/HTML-CSS"],
TeX:{ extensions:["AMSmath.js","AMSsymbols.js"],
equationNumbers:{ autoNumber:"AMS"}},
extensions:["tex2jax.js"],
jax:["input/TeX","output/HTML-CSS"],
tex2jax:{inlineMath:[['$','$'],["\(","\)"]],
displayMath:[['$$','$$'],["\[","\]"]],
processEscapes:true},
"HTML-CSS":{availableFonts:["TeX"],
linebreaks:{automatic:true}}});&lt;/script&gt;
&lt;/b:if&gt;
&lt;!-- FIM SCRIPT LATEX --&gt;

Agora basta clicar no botão Salvar modelo.

Se o código mostrar um erro e não puder ser salvo, precisará parsear o código. Veja como é fácil:

Copie o código indicado acima.
Acesse o endereço&nbsp;http://www.blogcrowds.com/resources/parse_html.php.
Cole o código e aperte PARSE.
Copie o código parseado e cole no local indicado, que é acima de &lt;/body&gt;.




2º passo: entenda o código


Como os comandos em $\LaTeX$ serão inseridos apenas dentro de artigos, não faz sentido o MathJax carregar o seu script na página inicial do blog ou em qualquer outra página, a não ser onde tem códigos em $\LaTeX$.

Os códigos (linhas 1 e 16) abaixo são apenas comentários e servem para achar o código de forma mais rápida usando o Ctrl+F, além de, obviamente, informar onde começa e termia o código.
&lt;!-- INICIO SCRIPT LATEX --&gt;
&lt;!-- FIM SCRIPT LATEX --&gt;

O código (linha 2 e 15) é a condicional do Blogger que esconde o MathJax do blog, exceto dentro dos artigos.
&lt;b:if cond='data:blog.pageType != &amp;quot;static_page&amp;quot;'&gt;
&lt;/b:if&gt;

Da linha 3 a 14 é código do MathJax.
&lt;script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js'type='text/javascript'&gt;   
MathJax.Hub.Config({
HTML:["input/TeX","output/HTML-CSS"],
TeX:{ extensions:["AMSmath.js","AMSsymbols.js"],
equationNumbers:{ autoNumber:"AMS"}},
extensions:["tex2jax.js"],
jax:["input/TeX","output/HTML-CSS"],
tex2jax:{inlineMath:[['$','$'],["\(","\)"]],
displayMath:[['$$','$$'],["\[","\]"]],
processEscapes:true},
"HTML-CSS":{availableFonts:["TeX"],
linebreaks:{automatic:true}}});&lt;/script&gt;



3º passo: como escrever em $\LaTeX$ dentro de artigos
Escreva seu artigo normalmente como sempre faz. Quando precisar escrever simbologias matemáticas, escreva-as entre os cifrões de dólar. Veja os exemplos abaixo.

Exemplo 1, com comando em linha:
A equação fracionária $\cfrac{2x-4}{5}=\cfrac{1}{7}$, tem como solução real:

Exemplo 1, interpretado em linha:
A equação fracionária&nbsp;$\cfrac{2x-4}{5}=\cfrac{1}{7}$, tem como solução real:




Observe que a equação fica centralizada de acordo a altura da linha onde a escreveu. Lindo né! :D



Se você quiser centralizar simbologias matemáticas, basta usar cifrões duplos. Veja nos exemplos abaixo.



Exemplo 2, com comando centralizado:

A fórmula abaixo é utilizada para calcular raízes de uma equação do 2º grau.

$$x=\cfrac{-b \pm \sqrt{b^{2}-4.a.c}}{2.a}$$



Exemplo 2, interpretado e centralizado:

A fórmula abaixo é utilizada para calcular raízes de uma equação do 2º grau.

$$x=\cfrac{-b \pm \sqrt{b^{2}-4.a.c}}{2.a}$$
Observação: se precisar usar o cifrão dólar em textos (preços de objetos), coloque uma contra barra (antes de $) para que o símbolo $ não atrapalhe outros comando inseridos.


4º passo: não sei escrever em $\LaTeX$

Você não precisa conhecer todos os comandos em $\LaTeX$ para escrever simbolias matemáticas em seus artigos. Você pode escrever em $\LaTeX$ usando outros programas, que permitem apenas tocar em cada símbolo para gerar um código.



Você pode usar o&nbsp;codecogs.




Clique na imagem para ampliar




Você pode usar uma extensão para o Google Chrome, a extensão&nbsp;Daum Equation.







Após escrever o seu artigo, verifique se todos os comandos em $\LaTeX$ estão corretos e em seguida clique em Visualizar. Se tudo aparecer corretamente, publique seu artigo.



Quer testar o MathJax em tempo real? Acesse&nbsp;latex.prof-edigleyalexandre.com.


Concluindo
As suas postagens ficarão muita mais estilosas com o MathJax. Além de escrever artigos recheados de simbologia matemática, os visitantes também poderão inserir comentários escritos em $\LaTeX$, mas somente no sistema de comentários do Blogger.

Este artigo conta com informações de O Baricentro da Mente e o MathJax.org.