Loading...
2017. 9. 13. 15:59

코딩용 폰트 Hack

https://sourcefoundry.org/hack/ 코딩용 폰트. , ; : 등의 코딩시 구분이 쉽다설치용 뿐만 아니라 웹에서 쓸수있게 CDN도 제공한다 사용법1. Add Hack to HTMLInclude one of the following in the section of your HTML file:Basic Latin + Latin-1 Supplement Character Set Character Set Full Character Set 2. Add Hack to CSS pre, code { font-family: Hack, monospace; }

2017. 1. 23. 20:58

CSS에서 문장강제 줄바꿈 설정

엘리먼트{word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break: break-all; }

티스토리에 코드구문강조(highlight.js) 설치하기

티스토리에서 코드 구문 강조를 위하여 많이 사용되는 것이 Syntax Highlighter 일 것이다. 그런데, 티스토리에 막상 적용할려하면 각종 브러쉬 파일들을 올려둬야 하고 에디터에 소스 입력시 일일이 brush:언어를 일일이 지정해주는건 나에게 너무 귀찮다... 그래서 쓸만한 코드구문강조를 찾아보던중 highlight.js를 찾게 되었다. website : https://highlightjs.org/ 사이트 설명에는 169가지 언어와 77개의 스타일을 지원한다고 한다.그리고 결정적으로 이걸로 하게된게 소스코드를 올리면 언어를 별도로 지정할 필요 없이 알아서 분석해서 코드 구문 강조를 해준다. 이제 티스토리에 적용해보자.우선 관리페이지 -> HTML/CSS 편집 에 들어가서 html의 사이에 아래의 ..