Header

블로그 소스코드 이쁘게 입력하기, 붙여넣기 ( Color Scripter, Syntax Highlighter )

3월 15, 2020

코딩 블로그를 운영하는 사람이면 필수적으로 봐야 할 포스팅입니다.

이번 포스팅은 제가 소스코드를 블로그에 입력하는 방식을 알려드리겠습니다.

입력 방식은 총 2가지입니다.

1. Color Scripter

  소스코드를 문법에 맞게 변환시켜주는 웹서비스입니다.




colorscripter에 접속합니다.

그 후에 소스를 입력하고 언어를 선택합니다.




언어 입력 다 완료하면 "클립보드에 복사" 라는 버튼을 클릭해줍니다.


2. SyntaxHighliter

http://alexgorbatchev.com/SyntaxHighlighter 에 접속하여 파일을 다운 받으시면 됩니다.

압축푼 파일 중에 scripts 폴더와 styles 폴더의 내용 모두를 파일업로드 합니다.


그 후



위의 소스코드를 HTML 문서의 <head></head>사이의 태그에 끼워넣습니다.

그리고 <body>부분을

<body Onload = "dp.SyntaxHighligher.HighlightAll('code');">
로 변환합니다.

그 후 소스 입력을 할 때 HTML 모드로 변환한 후 다음 코드 틀에서 소스 작업을 하시면 됩니다.




감사합니다!

Tags:

댓글 쓰기

0 댓글