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>