---
# System prepended metadata

title: Example of using MathML in HackMD

---

# Example of using MathML in HackMD

As a quick example, here is an identity of Ramanujan, as native `<math>`:

<br><br>
<style>
    math {
        font-family: "STIX Two Math";
    }
    mfrac > * {
      font-size:inherit;
      padding: 0.1em;
    }
</style>
<math>
   <mrow>
      <mfrac>
         <mn>1</mn>
         <mrow>
            <mrow>
               <mo maxsize="2.28em" minsize="2.28em">(</mo>
               <mrow>
                  <msqrt>
                     <mrow>
                        <mi>ϕ</mi>
                        <mo>⁢</mo>
                        <msqrt>
                           <mn>5</mn>
                        </msqrt>
                     </mrow>
                  </msqrt>
                  <mo>−</mo>
                  <mi>ϕ</mi>
               </mrow>
               <mo maxsize="2.28em" minsize="2.28em">)</mo>
            </mrow>
            <mo>⁢</mo>
            <msup>
               <mi>e</mi>
               <mrow>
                  <mfrac>
                     <mn>2</mn>
                     <mn>5</mn>
                  </mfrac>
                  <mo>⁢</mo>
                  <mi>π</mi>
               </mrow>
            </msup>
         </mrow>
      </mfrac>
      <mo>=</mo>
      <mrow>
         <mn>1</mn>
         <mo>+</mo>
         <mfrac>
            <msup>
               <mi>e</mi>
               <mrow>
                  <mo>−</mo>
                  <mrow>
                     <mn>2</mn>
                     <mo>⁢</mo>
                     <mi>π</mi>
                  </mrow>
               </mrow>
            </msup>
            <mrow>
               <mn>1</mn>
               <mo>+</mo>
               <mfrac>
                  <msup>
                     <mi>e</mi>
                     <mrow>
                        <mo>−</mo>
                        <mrow>
                           <mn>4</mn>
                           <mo>⁢</mo>
                           <mi>π</mi>
                        </mrow>
                     </mrow>
                  </msup>
                  <mrow>
                     <mn>1</mn>
                     <mo>+</mo>
                     <mfrac>
                        <msup>
                           <mi>e</mi>
                           <mrow>
                              <mo>−</mo>
                              <mrow>
                                 <mn>6</mn>
                                 <mo>⁢</mo>
                                 <mi>π</mi>
                              </mrow>
                           </mrow>
                        </msup>
                        <mrow>
                           <mn>1</mn>
                           <mo>+</mo>
                           <mfrac>
                              <msup>
                                 <mi>e</mi>
                                 <mrow>
                                    <mo>−</mo>
                                    <mrow>
                                       <mn>8</mn>
                                       <mo>⁢</mo>
                                       <mi>π</mi>
                                    </mrow>
                                 </mrow>
                              </msup>
                              <mrow>
                                 <mn>1</mn>
                                 <mo>+</mo>
                                 <mi mathvariant="normal">…</mi>
                              </mrow>
                           </mfrac>
                        </mrow>
                     </mfrac>
                  </mrow>
               </mfrac>
            </mrow>
         </mfrac>
      </mrow>
   </mrow>
</math>

<br><br>

And _markdown_ use can **neatly** continue afterwards.

<br><br>
<br><br>
<br><br>

P.S. Currently (Jan 2023), this may need a bit of custom CSS styling for Chrome. I have used a `<style>` tag containing:
```css 
math {
  font-family: "STIX Two Math";
}

mfrac > * {
  font-size:inherit;
  padding: 0.1em;
}
```