소스코드2

SyntaxHighlighter 소스코드 강조 기능 적용하기 소스코드 하이라이드 기능 적용하기티스토리 블로그를 하면서 HTML이나 CSS 코드를 공유하는 경우가 종종 생기는데 이를 일반적인 방법으로 작성을 하게 되면 간단한 코드일 경우에는 상관이 없지만 조금만 길어도 복잡하여 알아보기 힘든 경우가 생기게 됩니다. http://alexgorbatchev.com/SyntaxHighlighter 사이트에서 제공하는 기능으로 영어로 된 사이트이지만 영어를 못하더라도 번역기 등을 이용하여 천천히 둘러보면 사용하는데 큰 불편함이 없이 사용하실 수 있을듯합니다. SyntaxHighlighter를 사용하기 위해서는 일부 기능들을 불러와야 하는 (https://github.com/syntaxhighlighter/syntaxhighlighter/releases)관련 파일들을 티스토.. 2018. 12. 22.
소스코드 깔끔하게 표현하기 [Color Scripter] 웹상에서 소스 코드를 올릴 때 그냥 올리게 되면 보는 이는 알아보기 힘들어 혼란이 올 수도 있고 전달하고 자 하는 내용이 전달되지 않을 수도 있습니다. 소스코드 깔끔하게 표현하기 [Color Scripter] Color Scripter 사이트에서는 소스 코드를 깔끔하고 가독성 높은 코드를 표현할 수 있게 도와줍니다. 유튜브 동영상 코드를 가져와서 넣었는데 반응을 하지 않습니다. 기본 자동으로 언어를 인식하는데 TEXT 문서로 인식을 하고 있습니다. 이럴 때는 자동 설정을 수동으로 그에 맞는 종류를 선택해 줍니다. 수동으로 적용을 하니 규칙에 맞게 잘 적용이 되었습니다. 자바 스크립트를 입력했더니 한방에 자동으로 인식을 하여 정돈합니다. 위 HTML 소스는 내용이 너무 짧아서였을까요... 결과물을 오른쪽 .. 2018. 2. 1.

티스토리툴바