프로그래밍 초보 - 티스토리에 코드블럭 디자인 바꾸기_문법 주석 표현_ 테마별 적용 효과 정리

안녕하세요. 이제 갓 프로그램 코딩을 배우고 있는 프로그래밍 초보입니다. 코드를 좀 배우고 이걸 티스토리에 적으려고 했더니, 

티스토리에 코드블럭이라는 기능이 있고 이걸 이용하면 프로그래밍 하듯 코드를 입력할 수 있더라고요. 

물론 실행은 안되지만, 블로그에 프로그래밍 관련 글을 쓸 때는 매우 유용해요~

아래처럼 코드블록을 선택하고 입력을 하면 되죠.

근데 막상 코드블록으로 입력을 하고 포스팅을 발행하면 아래처럼 일반 글이랑 차이가 없이 표시 되요.

심지어 주석도 그대로라니 .... 이러면 코드블록을 쓸 의미가 없잖아요 ㅠㅠ

주석표현이라도 차이가 나야 하는거 아닌가 하고 고민했어요.

다른 포스팅들을 보면 다르게 표시되던데 왜 적용이 안되지 하고 코드 블록 관련해서 이것 저것 검색을 해서 표현법을 찾아보니 원인을 알아냈어요!

이유는 코드블록를 특별하게 보여줄 기능을 추가하지 않아서 였네요.

우리가 생각하는 코드별 문법에 따른 글이 다르게 나타나게 하기 위해서는  티스토리의 플러그인을 설치 해야 해요~

지금부터 코드블록 문법 표현하는 방법을 알려드릴께요~

먼저 티스토리 관리메뉴로 가서 플로그인을 클릭하세요.

그리고 아래처럼 검색에 '코드' 라고 치면 코드 문법 강조 플러그인이 나와요.

'Syntax Highlight'

이걸 클릭해서 적용하면 코드가 바꿥니다.

이때 테마를 변경 적용해주면 원하는 코드의 표시방법이 적용되요.

아쉬운건 테마를 적용해도 어떻게 나올지 각각 적용해야 알 수 있다는 점인데,

그래서 아래에 각각 테마별 적용 효과 예시를 보여드릴테니 보고 적용에 참고 하시기 바래요~

코드 블럭 테마	적용 화면 예시
기본
Atom One Dark
Atom One Light
Github
Monokai
Darcula
Visual Studio
Xcode

예시 보시고 원하는 테마 적용하셔서 사용해보세요~!!

여기까지 코드블록 코드 문법 강조 적용 방법이었습니다.