web-dev-qa-db-fra.com

Ajouter MathJax à Tumblr

J'aimerais ajouter MathJax au site Tumblr, même si je ne sais trop par où commencer.

MathJax n'offre pas de documentation pour Tumblr, mais uniquement des sites comme WordPress et quelques autres.

tumblr
10
tshauck

MathJax est maintenant disponible via un CDN, vous n'avez donc plus besoin de l'installer sur un serveur. Tout ce que vous avez à faire est d’inclure quelques lignes dans votre en-tête HTML et de commencer à utiliser les mathématiques dans vos publications.

Pour ce faire, accédez à Thème -> Utiliser un code HTML personnalisé et insérez ce qui suit juste au-dessus du marqueur </head>:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js"></script>

Enregistrez les modifications et vous êtes prêt à inclure les mathématiques sur vos pages Tumblr. Essayez, par exemple

\[ \exp(x) = \sum_{n=1}^{\infty} \frac{x^n}{n!} \]

Bonne chance, j'espère que ça aide.

6
Hylke Koers

En parcourant les notes d'installation de MathJax, il semble que tout ce que vous avez à faire est de créer un lien vers le fichier JavaScript.

Pour Tumblr, cela signifie que vous aurez besoin de personnaliser votre thème HTML.

D'après ce que je peux comprendre, vous devrez ajouter cette ligne juste avant la balise </head>.

<script type="text/javascript" src="path-to-MathJax/MathJax.js"></script>

Où path-to-MathJax est l'endroit où vous avez déjà téléchargé le fichier JS sur votre serveur.

par exemple.

<html>
    <head>
        <title>My Tumblr site</title>
    <script type="text/javascript" src="path-to-MathJax/MathJax.js"></script>
    </head>
    <body>
        ...
    </body>
</html>
2
codingbadger

En plus de la réponse de Barry, vous devez ajouter des données supplémentaires pour que Tumblr sache quoi faire avec les symboles '$' et '$$' que vous utilisez généralement avec MathJax. Essayez d'ajouter ces lignes après ce qui est affiché ci-dessus.

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
  inlineMath: [[ '$','$']],
  displayMath:  [['$$','$$']],
  processEscapes: true
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>

[merci à http://blog.angjookanazawa.com/post/15081007922/how-to-write-in-latex-use-mathjax-in-tumblr] pour les avoir fournies.

1
tbjohnston