티스토리

블로그에 소스코드 Color scripter로 쉽게 적용하기

mooyou 2018. 11. 26. 23:14
728x90
300x250

티스토리에 소스 코드를 예쁘게 넣는 여러가지 방법이 있지만 저는 Color Scripter가 가장 간단한것 같아서 이 방법으로 하겠습니다.

다른 방식과는 다르게 다운 받을 필요도 없고 그때그때 설정이 가능해서 편리한것 같습니다.


https://colorscripter.com/


먼저 위 주소로 들어 갑니다.


그럼 다음과 같은 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
반응형