Alright, so the all caps README.html is the locally-generated copy, and the lowercase readme.html one is the one that the gitlab runner generated.

I’ve been looking for a few differences, I’ve found a few more:

• the locally-generated copy doesn’t include the \[ \] brackets in the text of the math display span
• the locally-generated copy seemed to include a script that the runner-generated one didn’t have (this is almost certainly a problem):

  <script>document.addEventListener("DOMContentLoaded", function () {
     var mathElements = document.getElementsByClassName("math");
     var macros = [];
     for (var i = 0; i < mathElements.length; i++) {
      var texText = mathElements[i].firstChild;
      if (mathElements[i].tagName == "SPAN") {
       katex.render(texText.data, mathElements[i], {
        displayMode: mathElements[i].classList.contains('display'),
        throwOnError: false,
        macros: macros,
        fleqn: false
       });
    }}});
  </script>
  

Really not sure why this is happening here, and not locally on my laptop but

​

On Thursday, September 3, 2020 at 4:15:19 PM UTC-4 MyriaCore wrote:

Hi all!

I’m really struggling setting up gitlab ci/cd to render with my notes. Everything works perfectly when I generate the html locally on my laptop, but the gitlab runner / pages copy seems to have perpetual issues that my laptop really doesn’t seem to have.

The bug I’m experiencing is that my math is displaying twice - once in a semi-formatted way, and again beneath it, without any coherent formatting whatsoever:

When I took a peek into the head, I saw that katex’s scripts and styles did seem to be present, but for whatever reason, they don’t seem to be running. In my local copy, I have fonts and styles associated with the katex-html element that just aren’t even there with the katex-html one served up by gitlab pages.

This is the command I’m using:

    pandoc --from markdown --to html5 \
        --self-contained --standalone \
        --filter pandoc-plantuml \
        --filter pandoc-mermaid \
        --lua-filter gitlab-math.lua \
        --lua-filter fix-links.lua \
        --katex=https://cdn.jsdelivr.net/npm/katex@latest/dist/ \
        --template=GitHub.html5  \
        $(MARKDOWN)

I’m not sure why this is happening on the runner, and not on my laptop. This is something that I’d really like to have working by the end of the week.

It’s clear things aren’t being incorrectly parsed (for example, by some of the wonky filters I’ve setup), since the raw test output appears to be doing things correctly. For example, this:

{{m+n} \choose m } = \frac{(m+n)!}{m!n!}

… is translated into this, when output to stdout:

<p><span class="math display">\[{{m+n} \choose m } = \frac{(m+n)!}{m!n!}\]</span></p>

The only big difference that I’ve been able to spot is that on the pages copy, when viewed through a web browser, there seems to be a weird classless span between the math display span and the katex-display span. Maybe this is preventing the script from recognizing the katex structures? Either way, I have no clue how to prevent this from happening, or why it’s even happening at all.

Any insight? Thanks so much!

​