x-math | Math library inspired by Google Closure library | Math library

It looks like Jekyll inserts the math as MathJax

That would have worked (even if it is unnecessary), because the % in TeX marks a comment, so the </code> will be ignored, and so will the closing <code>.

Except that GitHub pages removes line breaks, and so you got

Finally I managed to solve this problem following this question and this tutorial. Here is my code:

The and

The p tag has not been loaded when your script was executed.

The script tag should always be before or after the closing tag.

You are mixing v2 configuration with v3 of MathJax. MathJax v3 has a different API, so the MathJax.Hub approach is no longer available. (See the conversion documentation for details, and in particular, the configuration converter that can map your old configuration to the new format).

Unfortunately, version 3 currently only supports the MathJax TeX font, so Gyre-Pagella is not yet available. Phase II of the v3 conversion involves porting the other web fonts to v3, including STIX2, and the web fonts from v2. It will make the font toolchain available so that others can convert their own fonts as well. That work is currently underway, and should be made available this summer. But for now, with v3, you will have to stick with the MathJax TeX fonts.

Note that the site you link to is the v2.7 documentation. Use the green version menu near the bottom left to switch to v3.1 to get the documentation for the version of MathJax you are actually loading.

Alternatively, you can switch back to version 2.7.9 of MathJax.

To use Gyre-Pagella in v2, use

After looking for this all day and posting a question on StackOverflow as my last chance, I accidentally found the answer in the source code of the MathJax SVG output style's jax.js file, which happens to be available online in numerous sources.

The color of the references when using the SVG output style is determined in this by the

A quick workaround can be the usage of https://stackedit.io/app

After writing the text you can publish the stuff into HTML (to a cloud drive), and the result gives exactly what you want, e.g. http://hangtarolo.hu/math.html The result can be embedded via stackedit.js: https://openbase.io/js/stackedit/documentation

On the other hand, there are suggestions for the combined use here: https://hiltmon.com/blog/2017/01/28/mathjax-in-markdown – but for me it did not work. Maybe markdown2 can be fine, but it is only for Mac.

Or a third possibility: You can use both notation in the same file, but not in same row, as it is in https://hangtarolo.hu/math.php (The php code is here: https://hangtarolo.hu/math.txt – the php task is only to replace line breaks to "\n".)

Below is a configuration that adds the psmallmatrix environment to the AMS environment list. There should be a method to pre-configure environments that is similar to what is done for macros. I've made a feature request for it in the MathJax GitHub repository.

For now, add

The effectively causes customized CSS styling rules to be included if the file custom.css exists in the same directory.

In case you want some customized CSS styling rules for displaying the generated html. You can add a file custom.css with those rules, in the same directory as the html file.

This is not a mandatory requirement. It is fine to not include such a file if you don't want any customized styling rules. The default CSS rules in generated HTML file will still work.