코드블럭으로 소스코드 작성하기

티스토리 블로그에 글작성 시 내가 잘 아는 HTML, CSS, Jaba 등등 알려주고 공유하고 싶은 코드가 있을 때, 글 오른쪽 복사 붙여 넣기를 막아두었다면, 코드조차 복사할 수 없어 공유를 할 수 없는 경우가 있었을 거예요

티스토리에서 코드를 예쁘게 공유하고 싶을 때 사용할 수 있는 티스토리 플러그인과 코드블럭을 사용하여 얘쁘게 작성하는 법을 공유드리겠습니다.

 

 

 

1.  티스토리 [관리] >  [플러그인]으로 들어가 주세요

티스토리가 제공하는 플러그인에서 Syntax HighLight를 클릭해 줍니다.

 

 

 

 

 

2.  원하시는 테마를 선택해 주세요.

사이트에 들어가면 데모 페이지를 확인할 수 있습니다. 사람마다 좋아하는 스타일이 다를 텐데 저는 개인적으로 제일 깔끔하고 색상정돈이 잘 되어 있는 Atom One Dark로 선택하고 적용버튼을 눌렀습니다.

 

 

 

 

 

 

 

 

3.  글쓰기에서 점점점 > 코드블록

티스토리 글쓰기를 하셔서 오른쪽 ...을 클릭하면 <> 코드블럭이라는 클릭 합니다.

코드블록 삽입 옆에 보면 코드 스타일에 따라 선택할 수 있습니다.

전 HTML 태그 <div> 태그를 공유해볼 예정이라 HTML 태그선택 후 태그를 공유해보았습니다