syntaxhighlighter_3.0.83.zip티스토리에 소스코드 넣기 (syntaxhighlighter 적용)
1. 아래의 사이트에서 syntaxhighlighter_3.0.83.zip 다운로드
https://github.com/syntaxhighlighter/syntaxhighlighter/releases 에서 최신 버전을 다운로드 및 사용할 수 있다.
2. 압축해제 및 script, styles 티스토리 스킨 편집 이미지 업로드 기능으로 업로드 (src 폴더에 있는 js는 넣으면 안된다.)
* src 폴더에 있는 파일은 이미 scripts 폴더에 있다.
같은 파일 같지만 열어보면 src에 있는 파일은 빌드되기 전이라 의존성 라이브러리가 필요 하기 때문에 그냥 사용하면 오류가 발생한다.
다시 말하면 src에 있는 "shCore.js"을 사용하게 되면 추가적으로 "XRegExp.js" 파일이 필요해진다.
결론은 시간낭비 하지 말고 src에 있는 파일은 소스분석용으로만 사용할 것!.
혹시 src폴더에 있는 "shCore.js" 파일을 넣어서 오류가 나고 있는 상태라면
해당 파일 삭제 후 scripts 폴더에 있는 "shCore.js" 파일을 새로 업로드 한 뒤 Shift + F5를 눌러 브라우저를 리프레쉬 해주면 반영 된다.
3. 스킨 HTML 편집 기능의 <head></head> 사이에 업로드한 javascript, css 입력
4. 소스코드를 <pre></pre> 태그 사이에 입력
<pre class="brush: java">
</pre>
ex)
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World!");
}
}
5. 지원되는 brush 종류
|
Brush name |
Brush aliases |
File name |
|
as3, actionscript3 |
shBrushAS3.js |
|
|
bash, shell |
shBrushBash.js |
|
|
cf, coldfusion |
shBrushColdFusion.js |
|
|
c-sharp, csharp |
shBrushCSharp.js |
|
|
cpp, c |
shBrushCpp.js |
|
|
css |
shBrushCss.js |
|
|
delphi, pas, pascal |
shBrushDelphi.js |
|
|
diff, patch |
shBrushDiff.js |
|
|
erl, erlang |
shBrushErlang.js |
|
|
groovy |
shBrushGroovy.js |
|
|
js, jscript, javascript |
shBrushJScript.js |
|
|
java |
shBrushJava.js |
|
|
jfx, javafx |
shBrushJavaFX.js |
|
|
perl, pl |
shBrushPerl.js |
|
|
php |
shBrushPhp.js |
|
|
plain, text |
shBrushPlain.js |
|
|
ps, powershell |
shBrushPowerShell.js |
|
|
py, python |
shBrushPython.js |
|
|
rails, ror, ruby |
shBrushRuby.js |
|
|
scala |
shBrushScala.js |
|
|
sql |
shBrushSql.js |
|
|
vb, vbnet |
shBrushVb.js |
|
|
xml, xhtml, xslt, html, xhtml |
shBrushXml.js |
원본 위치 <http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/>
'memo' 카테고리의 다른 글
| Vagrant란? (0) | 2019.02.20 |
|---|---|
| Freemium 이란? (0) | 2018.01.24 |
| 윈도우 단축키 (0) | 2017.11.22 |
| 컴퓨터 바이러스가 아니라면 공유기 문제일 수 있다! (0) | 2017.11.12 |
| 윈도우 원격사용시 복사, 붙여넣기가 되지 않을 경우 해결방법 (0) | 2013.06.30 |