본문 바로가기
Tip +

블로그에 소스 코드 올리기(소스 코드 편집기 추천)

by 보리하늘 2017. 12. 28.
728x90
반응형

개발자라면 한번 쯤은 블로그나 티스토리의 개발자들이 올린 소스코드를 많이 보셨을텐데요!


프로그램 소스는 특성상 가독성이 좋아야 합니다.


때문에 일반 텍스트 적는 곳에 올리면 알아보기 힘들죠.



손쉽고 개인적으로 가장 이쁜 소스 코드 편집기 두가지를 소개해드리겠습니다!!





1. Color Scripter 바로가기 > https://colorscripter.com/








웹 페이지 내부의 입력창에 프로그램 소스를 입력 / 붙여넣기 하면 언어를 자동으로 세팅해줍니다.


테마 변경도 가능합니다! 더 많은 스타일을 보시려면 오른쪽 끝의 "확장스토어" 로 이동하세요!




코드 입력 후 오른쪽 하단의 "공유하기" 를 누르시면, 해당 페이지를 서버에 저장하고 URL을 만들어 줍니다.

발급받은 URL을 여러사람과 공유하여 볼 수 있습니다.


"클립보드에 복사" 버튼을 누르시면 테마 그대로 복사가 되어 블로그 및 티스토리에 붙여넣기 후 사용하시면 됩니다!




로그인 후 사용하시면 언어팩 및 스타일 패키지를 직접 만들어 사용하실 수 있습니다.





2. hilite 바로가기 > http://hilite.me/



"Source code :" 아래 영역에 프로그래밍 소스를 붙여넣고 "Language :" 에서 알맞게 선택합니다.

"Highlight!" 버튼을 클릭하면 아래 "Preview :" 부분에 예쁜 소스코드가 만들어집니다.

"Style :" 에서 마음에 드는걸로 선택하고 "HTML :" 코드나 "Preview :" 부분을 드래그 해 사용하시면 됩니다~



728x90
반응형

댓글