'티스토리 관리' 카테고리의 글 목록

티스토리 관리

티스토리에 syntaxhighlighter 설치(+textarea 사용) 2019.07.20

티스토리에 syntaxhighlighter 설치(+textarea 사용)

2019. 7. 20. 21:59

1. syntaxhighlighter 다운로드

① 다운로드 페이지 : http://alexgorbatchev.com/SyntaxHighlighter/

우측 상단에 download 클릭

② 가운데 releases 클릭

③ 버전 3.0.83 클릭

④ 가장 하단에 Source code(zip) 클릭 해서 소스코드 다운

2. 소스코드 티스토리 업로드 (압축은 알아서 푼다)

① 압축 해제 한 파일에서 script, style 폴더의 모든 파일을 티스토리에 업로드한다

② 티스토리 관리자 > 스킨편집 >

3. html에 코드 추가

- html 탭에서 아래 코드 추가

<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">  <link type="text/css" rel="stylesheet" href="./images/shCore.css"> <link type="text/css" rel="stylesheet" href="./images/shThemeEclipse.css"> <script type="text/javascript" src="./images/XRegExp.js"></script> <script type="text/javascript" src="./images/shCore.js"></script> <script type="text/javascript" src="./images/shBrushAppleScript.js"></script> <script type="text/javascript" src="./images/shBrushAS3.js"></script> <script type="text/javascript" src="./images/shBrushBash.js"></script> <script type="text/javascript" src="./images/shBrushColdFusion.js"></script> <script type="text/javascript" src="./images/shBrushCpp.js"></script> <script type="text/javascript" src="./images/shBrushCSharp.js"></script> <script type="text/javascript" src="./images/shBrushCss.js"></script> <script type="text/javascript" src="./images/shBrushDelphi.js"></script> <script type="text/javascript" src="./images/shBrushDiff.js"></script> <script type="text/javascript" src="./images/shBrushErlang.js"></script> <script type="text/javascript" src="./images/shBrushGroovy.js"></script> <script type="text/javascript" src="./images/shBrushJava.js"></script> <script type="text/javascript" src="./images/shBrushJavaFX.js"></script> <script type="text/javascript" src="./images/shBrushJScript.js"></script> <script type="text/javascript" src="./images/shBrushPerl.js"></script> <script type="text/javascript" src="./images/shBrushPhp.js"></script> <script type="text/javascript" src="./images/shBrushPlain.js"></script> <script type="text/javascript" src="./images/shBrushPowerShell.js"></script> <script type="text/javascript" src="./images/shBrushPython.js"></script> <script type="text/javascript" src="./images/shBrushRuby.js"></script> <script type="text/javascript" src="./images/shBrushSass.js"></script> <script type="text/javascript" src="./images/shBrushScala.js"></script> <script type="text/javascript" src="./images/shBrushSql.js"></script> <script type="text/javascript" src="./images/shBrushVb.js"></script> <script type="text/javascript" src="./images/shBrushXml.js"></script> <script type="text/javascript" src="./images/shLegacy.js"></script> <script type="text/javascript"> SyntaxHighlighter.all(); </script>

4. 세로 스크롤 없애기

- css 탭에서 아래 코드 추가

/* * syntaxhighlighter */ .syntaxhighlighter{ padding: 1px 0; }

5.사용방법

PREV 1 NEXT

개발자로가는길

티스토리 관리

티스토리에 syntaxhighlighter 설치(+textarea 사용)

+ Recent posts

티스토리툴바