티스토리 블로그에 코딩소스 스크립터 계산식 넣는 방법

포스팅할때 가끔 필요한 기능이 있으면 좋겠다 생각하는 것이 코딩소스 넣는 것입니다.

계산식도 포함할 수 있죠.

수식이라는 것이  텍스트처럼 가로로 길게 늘어뜨리면 이해하기가 어렵습니다.

 HTML, JavaScript, PHP 등의 코딩소스도 간단간단하게 줄바꿈을 하면서 나타냅니다.

이런 계산식을 이미지로 캡처해서 보여줄 수도 있지만

이미지의 경우는 해상도에 따라 잘 보이지 않을 수도 있죠.

이런 코드를 깔끔하게 나타내는 방법은 파일을 업로드하는 것인데 몇 가지 됩니다.

지금 소개하는 방법은 그 중에서 가장 편하다고 느낀 것인데요.

소스입력시 <, > 문자도 그 대로 넣으면 됩니다.

대체문자를 넣지 않아도 되죠.

파일은 직접 받거나 첨부된 압축파일을 받으면 됩니다.

https://code.google.com/archive/p/syntaxhighlighter/downloads

SyntaxHighlighter_1.5.1.rar

소스사용 방법.txt

압축파일을 풀면 폴더 3개가 있고 메모장에는사용방법이 있습니다.

메모장 그대로 복사해서 넣으면 됩니다.

폴더 3개에 있는 모든 내용을 티스토리에 업로드합니다.

티스토리 관리자 / 꾸미기 / 스킨 편집 / html 편집 / 파일 업로드 / 추가

스크립터 한 줄은 HTML 타이틀 위에 들어가면 됩니다.

위치 확인해 주세요.

그리고 스크립터를 넣는 위치입니다.

반드시 위치를 확인해야 합니다.

사용 예입니다.

<!-- HTML 입력을 위한 소스 시작 --> <link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css"> <!-- HTML 입력을 위한 소스 끝-->

그리고 계산식을 넣기 위한 약속이 있습니다.

코딩 소스라는 것을 알려주는 방법인데요,

사용방법

<textarea name='code' class='java'>

코드내용

</textarea>

소스 아래 위에 <textarea>로 감아서 표시합니다.

그리고 class는 소스의 종류별로 넣어라고 하는데

일반적인 소스라면 이 상태로 사용해도 되고 html을 넣고 편하게 사용해도 되더군요.

위의 기능을 사용할 때는 HTML로 들어가서 작성해야 합니다.

티스토리에 업로드한 파일은 스킨을 바꾸면 다시 올려야합니다.