728x90
300x250
티스토리에 소스 코드를 예쁘게 넣는 여러가지 방법이 있지만 저는 Color Scripter가 가장 간단한것 같아서 이 방법으로 하겠습니다.
다른 방식과는 다르게 다운 받을 필요도 없고 그때그때 설정이 가능해서 편리한것 같습니다.
먼저 위 주소로 들어 갑니다.
그럼 다음과 같은 Color Scripter 화면이 나오는데
언어라든지 스타일이라든 기본적인 설정을 해주면 됩니다.
세부 설정도 가능합니다.
그리고 작성할 소스를 붙여넣기 해주면 이렇게 에디터에서 같은 화면이 나옵니다.
저는 서브라임 블랙 으로 선택해서 이렇게 나오지만 취향에 따라 다른 색상도 가능합니다.
그리고 오른쪽 하단에 클립보드에 복사를 눌러주고
붙여넣기 하면 끝입니다.
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Outliner</title> </head> <body> </body> </html> | cs |
그러면 티스토리에 이렇게 쉽게 소스코드 적용이 가능합니다.
728x90
반응형
'티스토리' 카테고리의 다른 글
| 구글 애드센스 로고만 나오고 광고 안나올 때 (0) | 2021.05.07 |
|---|---|
| codepen 코드펜 사용방법 :: 코드 실행결과 보여주기 (0) | 2021.04.28 |
| [Highlights.js] 티스토리 코드블록 색상 꾸미기 :: 테마적용하기 (2) | 2021.04.26 |
| tistory 티스토리 이미지에 테두리 넣기 (0) | 2021.04.22 |
| 티스토리 소스코드 가운데정렬 문제 해결 (2) | 2021.04.20 |
댓글