이런 식으로 코드가 보이게 하는 블로그 포스팅 하는 방법
별도의 다운로드 없이!
티스토리 코드 입력 에디터
블로그 관리 > 꾸미기 > 스킨 편집
html 편집에서
<head>
밑에, 아래에 있는<script> 코드들
추가하기
에디터 테마도 바꿀 수 있다!
테마 종류는 여기에 -> http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
코드를 수정해서 RDark로 바꾼 경우 이렇게 나온다.
수정할 부분은 저 빨간 줄부분이고 링크에 들어가서 나오는 마지막 스타일 부분만 가져와서 바꿔주면 된다.
이건 기본 테마
글쓰기에서 코드 입력 방법은
<pre name="code" class="brush:js">
코드 내용</pre>
class="brush:언어이름" 이라 언어별로 brush를 바꿔주면 됩니다.
그런데 다운없이 진행하는 거라 적용하고 싶다면 먼저 html 편집을 수정해줘야합니다.
brush 종류는 -> http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
html 편집에서 위의 스크립트를 복사하고 붙여넣은 다음 마지막 빨간줄 부분을 추가하고 싶은 언어의 .js파일 이름으로 바꿔주면 된다.
그러면 작성할 때 내가 추가해놓은 언어들 중에서 brush 설정을 할 수 있다.
'+Setting' 카테고리의 다른 글
한글 파일 워드로 바꾸는 방법.. hwp말고 word 해줘... (0) | 2020.01.08 |
---|---|
짱 편한 티스토리 글 쓰기 (0) | 2019.01.15 |
윈도우10 메일, 구글이랑 네이버 계정 추가하기 (0) | 2018.11.14 |
티스토리 글쓰기 : 하이퍼링크 걸기 (0) | 2017.12.29 |
티스토리 글쓰기 : 유튜브 동영상 넣는 방법 (0) | 2017.12.29 |