기타

[블로그 꾸미기] LaTex 인라인 수식 & 인라인 코드 삽입하기

나나바 2025. 1. 25. 16:15

인라인 수식 삽입이 가능해지면 인라인 코드가 안되는 상황 발생..

 

스킨편집 > html 편집  들어가서

 

1. 인라인 수식 적용: <head> tag 안에 아래 코드 복붙

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

 

2. 인라인 코드 적용 위해서, </body> 위에 아래 코드 복붙

<script> 
  window.onload = function() { 
  let textNodes = document.querySelectorAll("div.tt_article_useless_p_margin.contents_style > *:not(figure):not(pre):not(div)");
  textNodes.forEach(node => {
    node.innerHTML = node.innerHTML.replace(/`(.*?)`/g, `<code class='notion-code'>$1</code>`);
  });
  }
</script>

 

3. CSS에 notion-code class 를 정의

CSS 맨 밑에 복붙하면 됨

.notion-code {
    font-family: Consolas !important;
    line-height: normal !important;
    background: rgba(135,131,120,0.15) !important;
    color: #EB5757 !important;
    border-radius: 3px !important;
    font-size: 85% !important;
    padding: 0.2em 0.4em !important;
    margin-right: 0.2em !important;
    display: inline-block !important;
}