I used the directions here:

opened 03:38AM - 03 Sep 18 UTC

closed 03:43PM - 03 Sep 18 UTC

The Hugo documentation says to put
```
<script type="text/javascript" src="ht… tps://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
```
in a partial layout that will appear on every page that you need the mathjax, but I can't figure out how to make this repository a submodule and at the same time add mathjax support.

But they don’t work anymore.

As well, I tried:

https://geoffruddock.com/math-typesetting-in-hugo/

But at the end it says to “modify your CSS” file, which one?

Perhaps one you set here?

At any rate, there doesn’t seem to be a standard way to enable LaTex, pointers?

Thanks,
Adam

ju52
May 20, 2022, 8:12pm
#2
back to the roots

Add the scripts to your page template …

for the first start put it in layouts/_default/single.html

Putting either v2 or v3 script from the MathJax link above into `layouts/_default/single.html`

causes all pages to be blank.

ju52
May 21, 2022, 12:13pm
#4
create a litle sample project on GitHub, so we can help

I use the scripts in may samples , if you want to see it working

PS: I trigger the script include and activation by using a `{{<tex>}}`

shortcode

Well, my blog is pretty small but has two LaTeX-intensive pages:

I added `layouts/js/mathjax.html`

, `layouts/partials/meta.html`

, `layouts/partials/preload.html`

, and `layouts/shourtcodes/tex.html`

taken from your examples. Amusingly, it renders LaTex in my local preview pane from FrontMatter, but not on the site itself.

ju52
May 22, 2022, 5:16pm
#7
change site-scripts to

```
{{ $script := .Site.Data.webpack_assets.app }}
{{ with $script.js }}
<script src="{{ relURL (printf "%s%s" "dist/" .) }}"></script>
{{ end }}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: {inlineMath: [["$$","$$"],["\\(","\\)"]]} })
</script>
```

and it works… AND changed single $ to double $$

Check .Site.Data.webpack_assets.app ! And better to use the newest MathJax version!

Good Luck!

Thank you, that worked!

Just as a note, switching $ to $$ doesn’t preserve inline behavior; here’s the script that did.

```
{{ $script := .Site.Data.webpack_assets.app }}
{{ with $script.js }}
<script src="{{ relURL (printf " %s%s" "dist/" .) }}"></script>
{{ end }}
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]} })
</script>
```

And to be clear, `layouts/js/mathjax.html`

, `layouts/partials/meta.html`

, `layouts/partials/preload.html`

, and `layouts/shortcodes/tex.html`

were all unnecessary … just the correct `layouts/partials/site-scripts.html`

.

ju52
May 22, 2022, 6:39pm
#10
YES, i tryed to made the pages faster, embed scripts only if needed etc …
Thats work in progress

system
closed
May 24, 2022, 6:40pm
#11
This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.