tistory. 새로운 글쓰기의 코드 블럭으로 Syntax Highlight 사용하기

저도 블로그 정리를 하면서 거의 모든 글에 코드를 올리는 작업을 합니다.

이것저것 가져다가 붙여도 보고, 코드도 넣어보고... 조금은 더 편한 방법을 찾아보려고 노력합니다.

이런 부분을 공유하기 위해서 글을 하나 적어 봅니다.

 

여기를 이렇게 눌러 주세요.

 

( ㅋㅋ 지금 제가 작업하는 화면입니다. )

 

그리고 나서 자신이 하고 싶은 작업을 합니다.

 

저는 swift를 선택 그리고 타이핑을 합니다.

 

자잔~

func test() {
    print("test")
}

저는 색상이 조금 이쁘게 잘 들어갔습니다.

 

그런데 색상이 안들어가고 그냥 들어가는 경우가 있는데요. 저도 이것 때문에 보기 싫어서 적용을 안했다가 방법을 찾아서 공유 드립니다.

 

원래의 코드의 구조는 다음과 같이 html에 들어가게 되어 있어요.

 

<pre id="code_1561088484828" class="swift" data-ke-type="codeblock"><code>func test() {
    print("test")
}</code></pre>

pre에 code가 들어가서 이렇게 나오는건데요.

 

이것을 색상을 주기 위해서는 한가지 작업을 더 하여 주어야 합니다.

 

설정 > 플로그인 > Syntax Highlight 를 선택하여 주어서 자신이 원하는 테마를 선택하여 적용하여 줍니다.

 

저는 아톰을 좋아해서...

 

다들 이제는 조금 더 편한 코드 넣기를 할 수 있겠네요.