Agora o blog suporta $\LaTeX{}$ por meio da biblioteca open-source KaTeX.
É possível visualizar equações inline como $E = mc^{2}$.
Também é possível detalhar equações principais, assim:
$$ \int_{0}^{\infty} e^{-x^2}\, dx = \frac{\sqrt{\pi}}{2} $$
Como eu fiz
Eu sempre fui fã de LaTeX para edição de documentos, principalmente os ligados ao meio acadêmico das exatas. Inclusive utilizei o básico diversas vezes em trabalhos da faculdade. Como eu espero que este blog também aborde matemática e estatística, nada mais justo do que deixá-lo preparado.
Eu sabia da existência da biblioteca MathJax, pois já integrei em um antigo blog meu, no qual eu comentava algumas questões de simulados e provas de fisica e matemática.
Pesquisando um pouco, me deparei com este artigo: Enabling LaTeX support in Blogger or Any Website (MathJax). Eu já estava pronto para configurá-la, quando, lá no fim, também foi recomendado dar uma olhada na biblioteca KaTeX. A ideia dela é simplificar a configuração e, não só isso, mas também carregar mais rápido.
Uma vez que eu optei conscientemente por não gastar tempo demais no setup do blog (e é por isso que estou usando Blogger para hospedar e gerir o conteúdo), a proposta do KaTeX me pareceu excelente. Apenas foi necessário incluir os arquivos CSS e Javascript da biblioteca na tag <head> do template do blog:
<!-- KaTeX Supports -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.18/dist/katex.min.css" integrity="sha384-veTAhWILPOotXm+kbR5uY7dRamYLJf58I7P+hJhjeuc7hsMAkJHTsPahAl0hBST0" crossorigin="anonymous"/>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.18/dist/katex.min.js" integrity="sha384-v6mkHYHfY/4BWq54f7lQAdtIsoZZIByznQ3ZqN38OL4KCsrxo31SLlPiak7cj/Mg" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.18/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
renderMathInElement(document.body, {
delimiters: [
{left: '$$', right: '$$', display: true},
{left: '$', right: '$', display: false},
{left: '\\(', right: '\\)', display: false},
{left: '\\[', right: '\\]', display: true}
],
throwOnError: false
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.18/dist/contrib/copy-tex.min.js" integrity="sha384-HORx6nWi8j5/mYA+y57/9/CZc5z8HnEw4WUZWy5yOn9ToKBv1l58vJaufFAn9Zzi" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.18/dist/contrib/mhchem.min.js" integrity="sha384-F2ptQFZqNJuqfGGl28mIXyQ5kXH48spn7rcoS0Y9psqIKAcZPLd1NzwFlm/bl1mH" crossorigin="anonymous"></script>
<!-- KaTeX Supports -->
Depois de salvar o novo template, ao editar um post basta escrever código LaTeX entre cifrões simples para equações inline e cifrões duplos para equações destacadas.
- Equações inline:
$ {equação} $ou\( {equação} \) - Equações destacadas:
$$ {equação} $$
É um passo modesto, porém não menos importante, na jornada de aprendizado. Por hoje é isso, até a próxima!
