본문 바로가기

기타10

티스토리에 소스코드 하이라이트 넣기(Color Scripter) 사실 이 글을 쓰기 전에 syntaxhighlighter를 사용하려고 했었다. 그러나 설치 방법이 귀찮고 파일을 업로드 하는 과정이 필요한데 너무 오래 걸리더라.. 설치나 파일 업로드 과정없이 해결할 방법을 찾았는데 그게 바로 Color Scripter를 이용하는 방법이다. 해당 사이트에서는 언어를 입력하면 스킨이 입혀진 html 코드를 반환하여 준다. 단지 소스코드를 복사한후 버튼 하나만 클릭하여 작성하여 주면 된다. 아래 페이지로 이동한뒤 소스코드를 입력해 보자 https://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 중요한 부분은 세부 설정에서 html태그 자체 복사 항복을 체크해주어.. 2019. 4. 19.
티스토리에 소스코드 넣기(syntaxhighlighter) 티스토리에선 네이버 블로그와는 다르게 소스코드를 보기 쉽게 입력해주는 도구가 없다. 하지만 외부 모듈을 사용하여 이 문제를 해결 할수 있는데 바로 syntaxhighlighter를 이용한 방법이다. 설치부터 적용까지 아래의 순서대로 적용해 보자. 구글에 syntaxhighlighter를 검색하면 아래와 같은 페이지가 나온다. 아래 페이지에서 우측의 download를 클릭하여도 되지만 아래에 나오는 링크를 이용하면 바로 이동 가능하다. 아래의 링크를 이용하면 syntaxhighlighter의 GitHub페이지로 이동 가능하다 https://github.com/syntaxhighlighter/syntaxhighlighter 아래 표시된 releases 항목을 클릭하자 3.0.83 버전을 사용할 것이다. 릴리.. 2019. 4. 19.