728x90
반응형

Tistory 4

26_highlightjs

티스토리에 소스 코드 하이라이터 적용하기. Syntax Highlighter가 요즘 안되네요..? 제가 못하는건지.. 그래서 또 다른 하이라이터 highlightjs로 적용합니다.개인적으로는 이게 더 예쁜 것 같네요. 소스 하이라이터 적용 설정 - HTML/CSS 편집 들어갑니다. HTML 누릅니다. 역시 수 많은 코드들이 있지만 당황하지 않고,를 찾습니다. (Ctrl + F 하세욤) 위에 아래의 코드( 3줄, 는 제외 ) 붙여넣기 후 저장해욤 편집은 끝 입니다. ※ 아래는 예시입니다. 코드를 예쁘게 할 때!! 글 작성 - HTML 편집기에서 안에 코드를 작성하세요. ( 아래 보이는 것처럼 ) 테마 편집 https://highlightjs.org/static/demo/ 접속하세욤 왼쪽 측면의 목록에서 마..

Tistory 2016.09.23

19_티스토리 나눔고딕 적용

블로그 전체에 나눔고딕을 적용하기 1. 설정 진입 Setting - HTML/CSS 편집을 들어갑니다. 2. CSS CSS를 누릅니다. 3. 첫 번째 소스에서 두 번째 소스로! @charset "utf-8"; @import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed); /*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ @import url(http://notosanskr-hestia.s3-website-ap-northeast-1.amazonaws.com/stylesheets/NotoSansKR-Hestia.css); @charset "utf-8"; @impor..

Tistory 2016.08.31

14_Syntax Highlighter

위 소스는은 검색을 하다보면 블로그에 많이 보이는 형태입니다. 딱 봐도 보기 쉽게 정렬이 되어있습니다. 이 때, 소스를 편하게 보기 위해 필요한 Syntax Highlighter 입니다. 이 툴을 다운받기 위해 syntaxhighlighter_3.0.83.zip 을 다운 받습니다. 1. 다운로드 http://alexgorbatchev.com/SyntaxHighlighter/download/ 으로 접속 하여 Click here to download. 라고 쓰여 있는 부분을 클릭합니다. ( 참고 사이트 http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/ 스킨 목록은 아래와 같습니다. shThemeDefault shThemeDjango shThemeEcli..

Tistory 2016.08.29
728x90
반응형