티스토리 코드 넣기, 다운로드 없이

+Setting

며용 2018. 11. 10. 01:36

이런 식으로 코드가 보이게 하는 블로그 포스팅 하는 방법

별도의 다운로드 없이!

티스토리 코드 입력 에디터

블로그 관리 > 꾸미기 > 스킨 편집

html 편집에서 <head> 밑에, 아래에 있는 <script> 코드들 추가하기

에디터 테마도 바꿀 수 있다!

코드를 수정해서 RDark로 바꾼 경우 이렇게 나온다.

수정할 부분은 저 빨간 줄부분이고 링크에 들어가서 나오는 마지막 스타일 부분만 가져와서 바꿔주면 된다.

이건 기본 테마

글쓰기에서 코드 입력 방법은
<pre name="code" class="brush:js"> 코드 내용 </pre>

class="brush:언어이름" 이라 언어별로 brush를 바꿔주면 됩니다.

그런데 다운없이 진행하는 거라 적용하고 싶다면 먼저 html 편집을 수정해줘야합니다.

html 편집에서 위의 스크립트를 복사하고 붙여넣은 다음 마지막 빨간줄 부분을 추가하고 싶은 언어의 .js파일 이름으로 바꿔주면 된다.

그러면 작성할 때 내가 추가해놓은 언어들 중에서 brush 설정을 할 수 있다.