Uso jekyll per scrivere post e mostrarlo in github-pages. il mio file sorgente è scritto con markdown.
Come posso inserire la formula nel file markdown?
Non voglio salvare la formula in un'immagine. e caricare l'immagine nel file markdown. In realtà voglio scrivere la formula in lattice direttamente nel file markdownCome supportare il latex nelle pagine github
risposta
Poiché le risorse online sono cambiate rispetto a questa domanda, ecco un aggiornamento sul supporto di LateX con GitHub Pages.
Si noti che il più vicino al rendering in lattice senza esportare come immagini e che lo supporta in modo nativo sul proprio sito Jekyll consiste nell'utilizzare MathJax.
mathjax in realtà è raccomandatoin Jekyllrb docs per il supporto di matematica, con Kramdown, converte anche da LaTeX in PNG, maggiori dettagli su di esso qui al Kramdown documentation
Opzione 1: Scrivere l'equazione in MathURL e incorporalo.
È possibile scrivere l'equazione con MathURL, quindi generare un URL che punti in modo permanente all'equazione e visualizzarlo in un tag . Tuttavia, questo smetterà di funzionare se MathURL si disconnetterà.
Opzione 2: Implementare jsMath
jsMath permetterà quasi LateX come sintassi e saranno supportate nel tuo blog, se è stata impostata correttamente, c'è extensive documentation on this.
Opzione 3: mathjax (di gran lunga il più facile a mio parere)
Molti siti hanno detto che mathjax è considerato un successore di jsMath, ed è molto più facile da implementare con Jekyll. MathJax is also used by mathematics.stackexchange.com too!
Fase 1: Avere il vostro sito caricare lo script in siti in cui si desidera visualizzare la matematica. (Di solito fatto nell'intestazione)
Opzionale: Controllare il parser Markdown in
_config.yml
.redcarpet
okramdown
è suggerito in questo esempio. Alcuni parser comediscount
interferiranno con la sintassi ma ho una soluzione di seguito.Passaggio 2: scrivi le tue equazioni.
Citando questo tutorial da Gaston Sanchez:
mathjax non ha esattamente lo stesso comportamento come LaTeX. Per impostazione predefinita, il preprocessore tex2jax definisce i delimitatori matematici LaTeX, che sono \ (... \) per matematica in linea e \ [... \] per equazioni visualizzate. Lo definisce anche i delimitatori di TeX $$ ...$$ per equazioni visualizzate, ma non definisce $ ... $ come delimitatori matematici in linea.
Leggere la documentation sulla sintassi per ulteriori dettagli.
- Nota: Utilizzando il tag
raw
liquido per garantire parser Markdown non interferiscono con la sintassi mathjax. - Mentre è possibile evitare i backslash (ad esempio
\\[ \frac{1}{n^{2}} \\]
) su assicurandosi che siano analizzati correttamente, as described by Chistopher Poole's tutorial, questo non è sempre intuitivo e sembra complicato. Una soluzione più semplice sarebbe quella di utilizzare il tag liquido grezzo per garantire che il testo venga ignorato dal processore Markdown e venga emesso direttamente come html statico . Questo viene fatto con{% raw %}
e anche{% endraw %}
Ecco un esempio di codice:
{% raw %}
$$a^2 + b^2 = c^2$$ --> note that all equations between these tags will not need escaping!
{% endraw %}
Infine anche assicurare che i tipi di carattere supporta la visualizzazione LateX come alcuni hanno problemi come la dimensione del carattere troppo piccolo. In alternativa, ecco alcuni additional methods like Google Charts and MathML discussi nel sito gemello StackExchange in lattice.
MathJax ha funzionato perfettamente per me. La pagina su http://docs.mathjax.org/en/latest/start.html ha un buon esempio. – MxNx
[qui] (http://gastonsanchez.com/opinion/2014/02/16/Mathjax-with-jekyll/) è un post molto bello sul blog che usa mathjax con jekyll – glS
È semplice come aggiungere il tag di script mathjax nel layout del post ora. È abbastanza chiaro nei documenti ora: https://jekyllrb.com/docs/extras/#math-support –
Se è stato utilizzato Jekyll nelle vostre pagine GitHub, è possibile aggiungere
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
inlineMath: [['$','$']]
}
});
nel file _includes/head.html
, e allora il vostro sito GitHub Pagine sosterrà mathjax
- 1. Come si comportano i sottomoduli nelle pagine github?
- 2. come collegare i file css nelle pagine di github dell'organizzazione
- 3. Come avvolgere il testo nelle tabelle LaTeX?
- 4. Middleman e pagine Github
- 5. Devo supportare Unicode nelle password?
- 6. Firme elettroniche nelle pagine Web
- 7. Come supportare il tipo dinamico nelle etichette in iOS 7
- 8. Variabili nelle pagine jsp con pagine "incluse"
- 9. Utilizzando ASP.NET in GitHub Pagine
- 10. Pagine GitHub - URL Rewrite Supporto
- 11. Come indirizzare il dominio al sito ospitato su pagine github?
- 12. Il modo migliore per supportare "enumerazioni estendibili" nelle annotazioni?
- 13. Come inserire javascript per abilitare MathJax nelle pagine wiki di GitHub?
- 14. Come ridimensionare le immagini incluse nelle pagine di documentazione di GitHub?
- 15. Latex - Modifica margini di poche pagine
- 16. Come includere i CSS nelle pagine master?
- 17. Come implementare Schema.org nelle pagine HTTPS?
- 18. Rendering latex in README.md su Github
- 19. JavaScript iniettato nelle pagine PHP
- 20. .do estensione nelle pagine web?
- 21. Come supportare i parametri htmlAttributes nelle estensioni HtmlHelper?
- 22. interruzioni di riga automatiche nelle tabelle LaTeX
- 23. Le pagine Github consentono il metodo Post HTTP
- 24. AngularJS html5mode supporto su pagine GitHub
- 25. Condivisione di risorse incrociate su pagine GitHub
- 26. Pagine private per un repository Github privato
- 27. jQuery-mobile e dati obsoleti nelle pagine
- 28. Come generare un sito Web dalle pagine wiki di GitHub
- 29. Come ottenere pagine dopo le 10 con Github API v3?
- 30. Stampa intestazione tabella nelle pagine successive
Non ha mai fatto ma sembra fattibile http: //gastonsanchez.com/blog/opinion/2014/02/16/Mathjax-with-jekyll.html – DomDom
Grande. Funziona. – Samuel