티스토리 소스코드 넣기- 글쓰기를 통해 꾸미기

티스토리 소스코드 넣기- 글쓰기를 통해 꾸미기

블로그 포스팅을 하다보면 소스코드 자체를 노출시켜서 보여주고 싶을때가 있다. 이럴때 이 방법을 이용하면 소스코드 넣기를 통해서 표현하고 싶은 포스팅을 할 수 있을 것 같다.

나는 블로그 설치과정을 포스팅 해보려고 하면서, 소스코드 삽입하는것이 필요했다.

1. 먼저 아래 syntaxhighlighter_2.0.287.zip 파일을 다운받아서 압축을 푼다.

2. 티스토리 관리자 모드로 들어가서 꾸미기>HTML/CSS 편집>파일업로드 탭을 선택한 후 다운받은 파일을 압축을 푼 후 모두 업로드 한다.

※ 파일 업로드시에는 Scripts 폴더와 Styles 폴더 안에 파일만 업로드
이미지추가 압축을 푼 후 파일추가

3. 업로드가 끝났으면, 설정을 합니다. 꾸미기>HTML/CSS 편집 에서 skin.html 란에 <head></head> 사이에 적힌 부분을 추가해준다.

소스코드 추가 삽입하고 저장

4. 설정은 마쳤으니 이제 포스팅을 통해서 적용해 보도록 하겠습니다. □ HTML 선택란에 체크를 합니다.

체크 html

5. 이제 코딩을 적게 되는데 이때 아래와 같은 코드를 입력하고, "소스코드 입력" 부분을 지우고 안에 소스코드를 작성하면 됩니다.

6. 적용가능한 언어들은 다양하게 있습니다. brush:○○○○ 여기를 필요에 따라 설정하시면 됩니다.

bursh 선택 언어

INFORMATION