Raggiungi il contenuto principale
bortox.it 🦅 il nido del cuculo
  1. Benvenuti su BBlog/

Come aggiungere Mathjax ad un sito Jekyll dinamicamente

·224 parole·2 min·🙈 ·

1 ) Prepara le pagine #

Siccome non vogliamo che lo script di Mathjax venga caricato - inutilmente - per ogni pagina,1 useremo la sintassi liquid per farlo caricare solo quando serve.

Nei post in cui dovrai caricare Mathjax, aggiungi l’ attributo math: 'yes' nel Front Matter.

Questo attributo servirà per inserire un blocco if else con liquid nel file _/includes/head.html ( o nel tag head del file html di default per le tue pagine ) per caricare dinamicamente lo script di Mathjax.

2) Copia l’ indirizzo del CDN dello script di Mathjax con lo script liquid incluso. #

{{ "{% if page.math == 'yes' " }}%}<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-MML-AM_CHTML"></script>{{ "{% else " }}%}{{ "{% endif "}}%}

2.5) Osserva la sintassi basica di Mathjax ( Latex, siccome Mathjax è basato su di esso ) #

Ecco un interessante PDF sui simboli matematici in Mathjax

Se non riesci a trovare dei simboli matematici, puoi provare a disegnarli QUI e troverai la sintassi Mathjax e Unicode.

3) Osserva la meravigliosità di Mathjax #

$$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$

$$ \begin{pmatrix} a & b\ c & d\ \hline 1 & 0\ 0 & 1 \end{pmatrix} $$

$$S_A = \rho \cdot V_{corpo}*{g}$$ Per farlo funzionare, devi chiudere le tue espressioni tra due segni del dollaro. Esempio:

$$S_A = \rho_{fluido} \cdot V_{corpo}*{g}$$

  1. Facendoci inoltre perdere punteggio su Page Speed Insights ↩︎