본문 바로가기

Diary

블로그에 소스코드 삽입하기

반응형

플러그인 syntax highlight을 설치하여 코드블럭을 삽입할 수 있도록 블로그를 꾸며보겠습니다.

1.

티스토리 블로그를 들어가면 다음과 같이 우측 상단에 내 프로필이 0과 같이 동그랗게 있습니다. 얠 누르면 나오는 정보들 중 운영중인 블로그에서 내가 꾸밀 블로그의 설정으로 들어갑니다. 연필 모양 아이콘 오른쪽이 설정 아이콘입니다.2

2.

들어가면 다음과 같이 내 블로그를 관리할 수 있는 창이 뜹니다. 하꼬 인증하겠습니다. 쭈욱 드래그하여 내리면 플러그인 항목이있습니다.

3.

빨간 네모칸으로 표시해놓은 플러그인 항목을 살포시 눌러줍니다.

4.

다음과 같이 내가 설치한 플러그인, 깔 수 있는 플러그인들을 주루룩 볼 수가 있습니다. 빨간색 네모로 표시해 놓은 검색을 눌러줍니다. 누른 후 syntax를 입력하여 엔터 검색을 해주면 다음 사진과 같이 플러그인이 검색된 결과가 나옵니다.

5.

이제 다왔습니다. 저기 뜬 검색결과를 눌러줍시다.

6.

다음과 같이 테마를 선택할 수 있습니다. 테마를 선택한 후 적용을 클릭해줍니다.

이제 잽싸게 글씨기를 클릭해 글을 작성해봅시다.

7.

빨간 네모 표시(메뉴바)를 클릭하면 코드 블럭이 생겼습니다. 이를 클릭해줍니다.

8.

이제 창이 나옵니다.

9.

원하는 언어를 선택하고 코드를 복사합니다 그리고 확인 버튼을 클릭합니다.

10.

자신이 선택한 테마가 적용되었음을 확인할 수 있습니다!! 이제 글을 작성하시면 됩니다.