[tistory] 신규 에디터 Code Block Highlighting

코드 넣기

• 여러 블로그들 봤는데 서론이 참 긴 글들이 많았다.
• 그냥 이거 추가하면 끝. 스킨 편집 -> HTML
• HTML에 추가

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"> <script charset="UTF-8" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>

---

---

글꼴 이쁘게

• CSS에 추가

.hljs {
font-family: "consolas";
padding-left: 10px;
}

TEST

#include <stdio.h>

int main(void) 
{
    printf("hello, world\n");
    return 0;
}

레퍼런스

• https://github.com/highlightjs/highlight.js
• 여기서 다양하게 커스터마이징 할 수 있을 것 같으나 복잡하게 많이 건드리는 건 싫으므로 난 여기서 끝.