본문 바로가기
tips/블로그

티스토리 블로그에 소스 코딩 붙이기

by 디지털 수공업자 2020. 9. 4.
반응형

티스토리 에디터 메뉴 중에 코드블럭이 있다. 
Color Script나 Git hub을 이용하면 다른 블로그에도 사용할 수 있겠지만, 티스토리에 사용하는 것이라면 가까운데서.

 

1. 코드블럭 사용

단순히 메뉴에서 코드블럭을 선택하면 열리는 코드블럭 삽입 창에 코드를 작성하거나 복사해 붙여넣는다.
창 안에서의 코드는 하이라이트 없이 검은 글씨로만 나오지만, 상단에 있는 언어 종류를 선택하 확인을 누르면

위와 같이 일부 하이라이트가 적용된 채로 에디터상에 보이게 된다.

 

2. 코드블럭 테마 적용

티스토리 설정의 플러그인에서 Syntax Highlight를 찾는다.

Syntax Highlight 팝업창 좌측 하단에 몇 가지 준비된 테마목록이 보인다. 테마를 선택하고 적용을 누르면, 위에서 작성한 코드블럭에 테마가 입혀진다. 설정화면에서는 즉시 확인이 불가능하고, 적용후에 작성했던 게시물로 돌아가보면 테마가 입혀진 것을 확인 할.수 있다.

위는 테마를 적용한 후 보이는 코드블럭.
다른 옵션은 없고 심플하게 소스코드만 표시하기에 좋다.


애드센스 광고 수동으로 티스토리 본문 중간에 넣기 : https://boxwitch.tistory.com/263
카카오 애드핏 적립금 지급 요청의 조건 : https://boxwitch.tistory.com/238
애드센스 수익 카카오 뱅크에 몰랐던 중개 수수료 : https://boxwitch.tistory.com/256

반응형

댓글