{"id":1210,"date":"2015-10-09T14:04:46","date_gmt":"2015-10-09T13:04:46","guid":{"rendered":"http:\/\/www.venco.com.pl\/~cozy\/blog\/?p=1210"},"modified":"2015-10-09T14:04:46","modified_gmt":"2015-10-09T13:04:46","slug":"wzory-matematyczne-na-stronie-www-mathjaxlatex","status":"publish","type":"post","link":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/2015\/10\/09\/wzory-matematyczne-na-stronie-www-mathjaxlatex\/","title":{"rendered":"Wzory matematyczne na stronie WWW (MathJax\/LaTeX)"},"content":{"rendered":"<p><script type=\"text\/javascript\" src=\"MathJax\/MathJax.js?config=TeX-AMS-MML_HTMLorMML\"><\/script><\/p>\n<p><!-- <script type=\"text\/javascript\"  src=\"http:\/\/cdn.mathjax.org\/mathjax\/latest\/MathJax.js?config=TeX-AMS-MML_HTMLorMML\"><\/script> --><\/p>\n<p>\u017br\u00f3d\u0142o: <a href=\"http:\/\/wersjatestowa.eu\/wzory-matematyczne-na-stronie-mathjaxlatex\/\">http:\/\/wersjatestowa.eu\/wzory-matematyczne-na-stronie-mathjaxlatex\/<\/a><\/p>\n<p>Czasem pojawia si\u0119 potrzeba zastosowania wzor\u00f3w matematycznych na stronie, i nie chodzi tutaj o trywialne E=mc2. Chodzi o co\u015b bardziej rozbudowanego typu:<\/p>\n<p>\\[ E = \\frac{m_0}{\\sqrt{1-\\frac{v^2}{c^2}}} \\]<!--more--><\/p>\n<p>Jak to zrobi\u0107? Z pomoc\u0105 idzie LaTeX, a dok\u0142adniej biblioteka w JavaScript umo\u017cliwiaj\u0105ca wy\u015bwietlanie tego typu tre\u015bci na stronie czyli MathJax. Co trzeba zrobi\u0107 \u017ceby cieszy\u0107 si\u0119 wzorami na swoim WordPressie, Drupalu czy jakiejkolwiek witrynie? Pierwsze rozwi\u0105zanie, nie zawsze dobre to po prostu poszuka\u0107 gotowej wtyczki i po prostu j\u0105 zainstalowa\u0107. Niestety, nie zawsze to dzia\u0142a \u2013 albo przez z\u0142o\u015bliwo\u015b\u0107 rzeczy martwych, albo przez niedostosowanie starej wersji wtyczki do nowej wersji CMSu lub po prostu przez niekompatybilno\u015b\u0107 ze sk\u00f3rk\u0105 jak\u0105 mamy. Dlatego o wiele lepsza jest instalacja r\u0119czna (czyli po prostu najzwyklejsza, normalna instalacja)<\/p>\n<p>Pierwsze co trzeba zrobi\u0107, to wej\u015b\u0107 na oficjaln\u0105 stron\u0119 projektu: <a href=\"http:\/\/www.mathjax.org\/\">http:\/\/www.mathjax.org\/<\/a><\/p>\n<p>Tam znajdziemy w g\u00f3rnej cz\u0119\u015bci menu zak\u0142adk\u0119 \u201eResources\u201d, a po najechaniu na ni\u0105 kursorem zobaczymy rozwijane menu z opcj\u0105 \u201eGet MathJax\u201d. Tak to tam. W g\u0105szczu r\u00f3\u017cnego rodzaju tekstu znajdziemy linijk\u0119 zaczynaj\u0105c\u0105 si\u0119 od s\u0142\u00f3w \u201eCurrent Version\u201d gdzie b\u0119dzie znajdowa\u0142 si\u0119 link do naszej paczki z niezb\u0119dnymi plikami.<\/p>\n<p>Gdy ju\u017c pobierzemy i rozpakujemy na serwerze, np. w katalogu g\u0142\u00f3wnym za\u0142o\u017cymy katalog \u201eMathJax\u201d gdzie zostan\u0105 skopiowane pliki, zostaje ostatni etap \u2013 dodanie do sekcji \u015bcie\u017cki do pliku z MathJax.js czyli:<\/p>\n<pre>&lt;script type=\"text\/javascript\" src=\"MathJax\/MathJax.js?config=default\"&gt;&lt;\/script&gt;<\/pre>\n<h6 style=\"text-align: right;\"><span style=\"color: #993300;\"><strong> Oczywista uwaga: <\/strong><span style=\"color: #ff6600;\">Niby ka\u017cdy wie, ale zwykle mo\u017cna to przeoczy\u0107 \u2013 w \u015bcie\u017cce do pliku WA\u017bNA jest wielko\u015b\u0107 znak\u00f3w<\/span><\/span><\/h6>\n<pre> <script type=\"text\/javascript\" src=\"http:\/\/www.venco.com.pl\/~cozy\/blog\/MathJax\/MathJax.js?config=TeX-AMS-MML_HTMLorMML\"><\/script> <\/pre>\n<p>To w sumie by\u0142oby wszystko, ale teraz jak zobaczy\u0107 wz\u00f3r na stronie? Musimy u\u017cy\u0107 polece\u0144 LaTeXa to \u201ezbudowania wzoru\u201d, np wz\u00f3r jaki by\u0142 widoczny na pocz\u0105tku artyku\u0142u, w kodzie strony wygl\u0105da tak:<\/p>\n<pre>\\[ E = \\frac{m_0}{\\sqrt{1-\\frac{v^2}{c^2}}} \\]<\/pre>\n<p>Jak wida\u0107 wszystko co jest pomi\u0119dzy nawiasami kwadratowym<strong>i \\[<\/strong> oraz <strong>\\]<\/strong> b\u0119dzie interpretowane jako wz\u00f3r. Je\u017celi chcemy jednak, aby wz\u00f3r by\u0142 w tej samej linijce co tekst, np. \\( \\int e^x dx \\), musimy nasz wz\u00f3r napisa\u0107 mi\u0119dzy nawiasami okr\u0105g\u0142ymi, tzn. <strong>\\(<\/strong> oraz <strong>\\)<\/strong><\/p>\n<p><strong>Wersja dla leniwych<\/strong><\/p>\n<p>Zamiast \u015bci\u0105ga\u0107 wszystko do siebie na serwer, mo\u017cna skorzysta\u0107 z bibliotek MathJax na zewn\u0119trznym serwerze. Rozwi\u0105zanie dobre gdy nie chcemy generowa\u0107 za du\u017cego transferu (limity na hostingu), ale trzeba wtedy pami\u0119ta\u0107 \u017ce jak serwer zewn\u0119trzny przestanie dzia\u0142a\u0107 to wzory te\u017c. \u017beby to zrobi\u0107, w sekcji &lt;head&gt; musimy doda\u0107 linijk\u0119:<\/p>\n<pre>&lt;script type=\"text\/javascript\"  src=\"http:\/\/cdn.mathjax.org\/mathjax\/latest\/MathJax.js?config=TeX-AMS-MML_HTMLorMML\"&gt;&lt;\/script&gt;<\/pre>\n<p>I to w sumie wszystko. Jak wiadomo jest to ustawienie najprostsze czyli domy\u015blne. Reszt\u0119 opcji mo\u017cna znale\u017a\u0107 w pliku <strong>config\/default.js<\/strong> oraz w oficjalnej dokumentacji na stronie: <a title=\"Dokumentacja MathJax\" href=\"http:\/\/docs.mathjax.org\/en\/latest\/index.html\" target=\"_blank\">http:\/\/docs.mathjax.org\/en\/latest\/index.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\">\u017br\u00f3d\u0142o: http:\/\/wersjatestowa.eu\/wzory-matematyczne-na-stronie-mathjaxlatex\/ Czasem pojawia si\u0119 potrzeba zastosowania wzor\u00f3w matematycznych na stronie, i nie chodzi tutaj o trywialne E=mc2. Chodzi o co\u015b bardziej rozbudowanego typu: \\[ E = \\frac{m_0}{\\sqrt{1-\\frac{v^2}{c^2}}} \\]<\/p>\n<p class=\"more-link-p\"><a class=\"more-link\" href=\"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/2015\/10\/09\/wzory-matematyczne-na-stronie-www-mathjaxlatex\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11,36,13],"class_list":["post-1210","post","type-post","status-publish","format-standard","hentry","category-bez-kategorii","tag-matematyka","tag-mathml","tag-wordpress"],"_links":{"self":[{"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/posts\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":0,"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/posts\/1210\/revisions"}],"wp:attachment":[{"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/media?parent=1210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/categories?post=1210"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/wp-json\/wp\/v2\/tags?post=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}