[Tistory] 백틱을 회색 인라인 코드 블럭으로 사용하기

스킨 HTML 편집

HTML

</div>
<!-- // wrap -->
</s_t3>
<!----from here----->
<script>
    let textNodes = document.querySelectorAll("div.tt_article_useless_p_margin.contents_style > *:not(figure):not(pre)");
    textNodes.forEach(node => {
    node.innerHTML = node.innerHTML.replace(/`(.*?)`/g, '<code>$1</code>');
    });
</script>
<!-----to here------->
</body>
</html>

 

 

CSS

/*------from here------*/
code {
    background-color: #e9ecef;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: SF Mono, Menlo, Consolas, Monaco, monospace;
    font-size: 0.95em;
}
/*------to here--------*/
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}