티스토리 코드블럭 스타일 적용하기! 코드블럭 다크모드

개발블로그

코드블럭 스타일 적용하기

---

 

개발블로그를 운영하는데 코드블럭을 이용하여 코드를 기록한다. 분명 포스팅을 할 때 에디터에서는 컬러풀하고 예쁘게 잘 나오는데(왼쪽) 포스팅을 하고나면 오른쪽과 같이 그냥 메모한듯 나온다. 왕초보지만 왼쪽과 같이 보이면 정보를 전달 할 때도, 내가 나중에 보기에도 훨 씬좋은데 오른쪽과 같은 코드들이 기다린다면 바로 화면을 꺼버리고 싶은 비주얼.....

에디터 화면 / 게시글 화면

 

나와 같은 현상을 타바하기 위한 방법을 찾아왔다! 티스토리 플러그인을 이용하여 코드가 컬러풀하게 보이는 방법!

 

1. 관리페이지에에서 왼쪽 메뉴목록 중 플러그인 선택, 검색창에 '코드'라고 검색하기

 

2. 검색하면 나오는 '코드 문법 강조' 클릭하기

 

3. 클릭하면 뜨는 창에서 원하는 테마 선택하고 적용하기

 

나는 내가 익숙한 비주얼 스튜디오로 해봤다! 포스팅 된 게시글에서 캡쳐해왔다. 확실히 아래 있는 원래 검정색 글씨들보다는 눈에 잘 띄고 예쁘게 나온다!! 결과는 대만족!!

 

 

 

다시보니 배경을 흰색으로 했을 때 일반텍스트와 구분이 잘 되지 않아 오른쪽과 같이 다크모드로 바꿔보았다!

비주얼스튜디오 다음으로 생활코딩으로 공부할 때 썼던 atom 다크!! 더 눈에 잘 띄는 것 같다.