티스토리(Tistory) 프로그래밍 소스코드 간단하게 삽입하기

티스토리를 사용하는 프로그래밍 블로거라면?

티스토리 프로그래밍 소스코드 올리는 방법

안녕하세요 브로마입니다.

티스토리는 네이X에 비해 프로그래밍에 관한 포스팅을 하는 블로거 분들이 많은 플랫폼인것 같습니다. 요즘엔 깃허브 블로그나 미디엄, 브런치 등 다양한 블로그 플랫폼이 나와있어 많이들 이전을 하시는 것 같은데, 그래도 오늘은 티스토리에 프로그래밍 소스코드를 간편하고 예쁘게 올리는 방법에 대해 소개해보겠습니다.

SyntaxHighlighter라는 방법을 많이들 사용하는 것으로 보입니다만, 세팅부터 해서 사용까지 여간 불편한것이 아니더군요.

해서 다른 소스코드 업로드 기능을 찾아보았습니다. 제가 찾아본 소스코드 삽입 방식 중에 가장 간편하고 실제로 몇번 써보니 손도 거의 안가는 편이라 이렇게 소개를 해드립니다.

Color Scripter

https://colorscripter.com/

너무나도 직관적이고 간단한 기능인지라 별다른 설명조차 필요없을 정도입니다.

사이트에 처음 접속을 하면 위와 같은 화면이 나옵니다.

여기에 공유하고자 하는 소스코드를 복붙해줍니다.

그러면 일반적으로는 자동으로 언어를 인식해서 언어를 잡아주는데 그렇지 못할 경우 언어: 자동(text)를 클릭하여 현재 본인이 입력한 소스코드의 언어를 잡아주시면 됩니다.

그러면 짠, 이렇게 간단한 방법으로 예쁜 Highlighter 기능이 된 소스코드가 완성됩니다. 그 다음은 

우측 하단에 있는 이 부분의 가운데에 있는 "HTML로 복사"를 눌러줍시다.

그러면 화면 중앙에 HTML 소스코드가 뜹니다. 복사해주시고

티스토리 글쓰기 부분의 상단에 외부 컨텐츠를 눌러줍니다.

다음 미리 복사한 HTML 소스코드를 붙여넣기 해주시면

<application
    android:usesCleartextTraffic="true" >
<uses-library
    android:name="org.apache.http.legacy"
    android:required="false" />
 

짜잔. 이렇게 간단한 방법으로 소스코드를 보여줄 수 있습니다. 더 좋은 방법이나 간편한 방법이 생긴다면 다시 소개해보도록 하겠습니다. 

감사합니다.