Jekyll Github 블로그에서 수식 쓰는 방법

less than 1 minute read

MathJax를 이용해서 깃헙 블로그에서 수식을 아름답게 쓸 수 있다.

  1. _config.yml 파일의 내용 수정
    # Conversion
    markdown: kramdown
    highlighter: rouge
    lsi: false
    excerpt_separator: "\n\n"
    incremental: false
    
  2. _includes 디렉토리의 mathjax_support.html 파일 생성 후 다음의 내용 입력
    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
     TeX: {
       equationNumbers: {
         autoNumber: "AMS"
       }
     },
     tex2jax: {
     inlineMath: [ ['$', '$'] ],
     displayMath: [ ['$$', '$$'] ],
     processEscapes: true,
      }
    });
    MathJax.Hub.Register.MessageHook("Math Processing Error",function (message) {
       alert("Math Processing Error: "+message[1]);
     });
    MathJax.Hub.Register.MessageHook("TeX Jax - parse error",function (message) {
       alert("Math Processing Error: "+message[1]);
     });
    </script>
    <script type="text/javascript" async
      src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
    </script>
    
  3. _layouts/default.html에 다음의 내용 입력 ```

4. 수학식을 표시할 포스트의 front-matter에 use_math: true라고 적기

title : “[인공지능 수학 - 통계학]18강 : 교차엔트로피” data : 2020-12-10 00:15:28 -0400 categories : 프로그래머스인공지능스쿨 use_math: true ```



수식을 쓸 때 도움이 될 만한 사이트 모음

https://www.codecogs.com/latex/eqneditor.php
https://arachnoid.com/latex/
https://librewiki.net/wiki/%EC%88%98%ED%95%99_%EA%B8%B0%ED%98%B8
https://www.onemathematicalcat.org/MathJaxDocumentation/MathJaxKorean/TeXSyntax_ko.html#sum

Categories:

Updated: