Jekyll에 MathJax Embedding 시키기 » 이력 » 버전 1

Jinwuk Admin, 2018/07/12 21:09

1 1 Jinwuk Admin
h1. Jekyll에 MathJax Embedding 시키기
2 1 Jinwuk Admin
3 1 Jinwuk Admin
@_layouts\post.html@ 에 다음의 MathJax Rendering 코드를 첨가한다.
4 1 Jinwuk Admin
5 1 Jinwuk Admin
- 원본 @post.html@ 
6 1 Jinwuk Admin
<pre><code class="html">
7 1 Jinwuk Admin
---
8 1 Jinwuk Admin
layout: default
9 1 Jinwuk Admin
---
10 1 Jinwuk Admin
11 1 Jinwuk Admin
<header>
12 1 Jinwuk Admin
  <h1 class="post-title">{{ page.title }}</h1>
13 1 Jinwuk Admin
</header>
14 1 Jinwuk Admin
<div class="content">
15 1 Jinwuk Admin
  {% include post-meta.html post=page %}
16 1 Jinwuk Admin
17 1 Jinwuk Admin
  <div class="post-body">
18 1 Jinwuk Admin
    {{ content }}
19 1 Jinwuk Admin
    {% include post-tags.html post=page %}
20 1 Jinwuk Admin
  </div>
21 1 Jinwuk Admin
22 1 Jinwuk Admin
  {% include comments.html %}
23 1 Jinwuk Admin
  {% include related_posts.html %}
24 1 Jinwuk Admin
</div>
25 1 Jinwuk Admin
</code></pre> 
26 1 Jinwuk Admin
27 1 Jinwuk Admin
- 다음의 MathJax Code 를...
28 1 Jinwuk Admin
<pre><code class="html">
29 1 Jinwuk Admin
<script type="text/x-mathjax-config">
30 1 Jinwuk Admin
   MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
31 1 Jinwuk Admin
</script>
32 1 Jinwuk Admin
<script type="text/javascript" async
33 1 Jinwuk Admin
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
34 1 Jinwuk Admin
</script>
35 1 Jinwuk Admin
</code></pre>
36 1 Jinwuk Admin
37 1 Jinwuk Admin
- 이렇게 삽입해야 한다.
38 1 Jinwuk Admin
<pre><code class="ruby">
39 1 Jinwuk Admin
---
40 1 Jinwuk Admin
layout: default
41 1 Jinwuk Admin
---
42 1 Jinwuk Admin
43 1 Jinwuk Admin
<header>
44 1 Jinwuk Admin
  <h1 class="post-title">{{ page.title }}</h1>
45 1 Jinwuk Admin
</header>
46 1 Jinwuk Admin
<script type="text/x-mathjax-config">
47 1 Jinwuk Admin
   MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
48 1 Jinwuk Admin
</script>
49 1 Jinwuk Admin
<script type="text/javascript" async
50 1 Jinwuk Admin
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
51 1 Jinwuk Admin
</script>
52 1 Jinwuk Admin
<div class="content">
53 1 Jinwuk Admin
  {% include post-meta.html post=page %}
54 1 Jinwuk Admin
55 1 Jinwuk Admin
  <div class="post-body">
56 1 Jinwuk Admin
    {{ content }}
57 1 Jinwuk Admin
    {% include post-tags.html post=page %}
58 1 Jinwuk Admin
  </div>
59 1 Jinwuk Admin
60 1 Jinwuk Admin
  {% include comments.html %}
61 1 Jinwuk Admin
  {% include related_posts.html %}
62 1 Jinwuk Admin
</div>
63 1 Jinwuk Admin
</code></pre>
클립보드 이미지 추가 (최대 크기: 977.563 MB)