레이블이 beautify인 게시물을 표시합니다. 모든 게시물 표시
레이블이 beautify인 게시물을 표시합니다. 모든 게시물 표시

2017년 2월 15일 수요일

Syntax Highlight.

예쁘게 보이기.


블로그에 게시하거나 작업을 진행하면서 코드를 다른 사람과 공유할 일이 있을 때,
하얗고 까만것 보다는 알록달록 한 것이 더 낫다.

1. Pygments.

   서비스에 통합하는 용도로 자주 사용하고 있지만, 데모 페이지에서 바로
   사용하는 방법도 있다.
  1. http://pygments.org/demo/
  2. 코드를 입력한다.
  3. 변환, 복사 후 MS WORD에 붙여넣기.
  4. 그걸 다시 복사해서 네이버 블로그나 메일 어플리케이션에 붙여넣는다.

2. Color Scripter.

   Pygments demo 페이지보다는 깔끔하고 몇 가지 문제를 제외하면 사용성도 좋다.

  1. https://colorscripter.com/
  2. 언어 설정, 없는 경우 확장 스토어를 방문 후 검색해 본다.
  3. 코드 입력 후 클립 보드에 복사한다.
   이 과정에서 옵션을 조금 수정해야 blogspot에 정상 적용된다.
   다음 그림과 같이 세부 설정을 선택해 HTML 태그 자체 복사를 선택해준다.


   저장을 누르고 클립 보드에 복사를 한다.


   blogspot에 HTML 코드를 붙여넣기 한다.
   이 때, 굉장히 이상한 상황이 벌어지는데 글쓰기 모드와 HTML 모드를 왔다 갔다 하면
   코드가 제대로 보이지 않고 이상해진다.

3. SyntaxHighlighter.

   http://alexgorbatchev.com/SyntaxHighlighter/
   좋아 보이기는 하는데 하라는대로 해도 적용되지 않는다.
   웹 비전문가 입장에서 어렵다.