728x90
    반응형

    티스토리 수식 (LaTeX) 넣는 방법

    다양한 방식들을 시도해봤다.
    처음에는 HTML 편집 기능을 이용하여 스킨 자체에 LaTeX 수식이 인식되게 했었다.
    하지만 글 내용 뿐만 아니라 댓글, 인기글, 수식이 적용되면 안되는 다른 글들도 피해를 보더라.
    특히 ChatGPT가 작성한 수식의 마크다운은 괄호나 대괄호를 이용하는데, 일상 글에서도 이런 기호들은 자주 사용되니 글들이 난잡해졌다.

     

    그 결과 그냥 글 작성 후 HTML 모드로 변경한 다음 아래 코드를 붙여 넣는 것이 가장 쉬웠다.

     <!--MathJax-->
      <script>
        window.MathJax = {
          tex: {
            inlineMath: [['$', '$'], ['\(', '\)'], ['\[', '\]']]
          }, 
          svg: {
            fontCache: 'global'
          },
          options: {
            skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
            ignoreHtmlClass: 'link_sub_item|popularPost-list|hd-inner|another_category another_category_color_gray|area_related_wrap|tt_box_namecard|post_title|post-config'
          }
        };
      </script>
    
      <script type="text/javascript" id="MathJax-script" async
              src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js">
      </script>
    
      <p data-ke-size="size16">
          <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
          <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
      </p>
      <!---------->

     

    썸네일용 이미지

    728x90
    반응형
    • 네이버 블러그 공유하기
    • 네이버 밴드에 공유하기
    • 페이스북 공유하기
    • 카카오스토리 공유하기