Open Board

h1. Jekyll에 MathJax Embedding 시키기

@_layouts\post.html@ 에 다음의 MathJax Rendering 코드를 첨가한다.

- 원본 @post.html@ 

<pre><code class="html">

---

layout: default

---

<header>

  <h1 class="post-title">{{ page.title }}</h1>

</header>

<div class="content">

  {% include post-meta.html post=page %}

  <div class="post-body">

    {{ content }}

    {% include post-tags.html post=page %}

  </div>

  {% include comments.html %}

  {% include related_posts.html %}

</div>

</code></pre> 

- 다음의 MathJax Code 를...

<pre><code class="html">

<script type="text/x-mathjax-config">

   MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});

</script>

<script type="text/javascript" async

  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">

</script>

</code></pre>

- 이렇게 삽입해야 한다.

<pre><code class="ruby">

---

layout: default

---

<header>

  <h1 class="post-title">{{ page.title }}</h1>

</header>

<script type="text/x-mathjax-config">

   MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});

</script>

<script type="text/javascript" async

  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">

</script>

<div class="content">

  {% include post-meta.html post=page %}

  <div class="post-body">

    {{ content }}

    {% include post-tags.html post=page %}

  </div>

  {% include comments.html %}

  {% include related_posts.html %}

</div>

</code></pre>

h2. 그런데 알고보니 꼭 이렇게 안 해도 된다.

다음과 같이 해도 된다. _config.yml의 Markdown Processing Setting에서

<pre><code class="yml">

kramdown:

  auto_ids:      true

  entity_output: as_char

  toc_levels:    1..6

  smart_quotes:  lsquo,rsquo,ldquo,rdquo

  input:         GFM

  hard_wrap:     false

  footnote_nr:   1

  show_warnings: false

  math_engine:       mathjax

  math_engine_opts:

    preview:         true

    preview_as_code: true

</code></pre>