일기장

티스토리 코드블럭</> 다크모드 적용하기

코대장 2021. 1. 16. 17:46
반응형

 

티스토리를 더욱 멋지게 꾸며보자!

 

티스토리 제공되는 코드블럭은 각종 개발언어(HTML, JAVA Script, Python 등등)를 지원하고 있다.

그리고 플러그인으로 Syntax Highlight를 통해 다크모드도 지원가능하다.

 

하지만 아래와 같이 좀더 멋지게 꾸미는 방법이 있어 공유한다.

글쓰기 화면에서 "기본모드"가 아닌 "HTML" 선택

글쓰기 화면

HTML 입력 모드로 진입하게 되는데 아래와 같이 준비한 HTML 문법을 입력해준다.

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?autoload=true&skin=sunburst&lang=css"></script>
<pre class="prettyprint">
...
write code here!
...
</pre>

HTML 작성 화면

 

실행결과

실행결과

이상 끝.