Loading
2015. 7. 4. 06:45 - 성돌

Gerris용 SyntaxHighlighter brush (코드에 하일라이트 적용)





이건 내가 쓰려고 만든건데,
정말로 혹시나 필요한 사람이 있을까하여 공유한다.

shBrushGerrisCode.js


이건 블로그같은 곳에 Gerris코드를 올릴 때,
Gerris명령어를 자동으로 하일라이트하여 이쁘게 표시하는 것이다.

다른 포스팅의 예처럼 말이다.

정확하게는 내가 만든 것이 아니고,
SyntaxHighlighter에서 만든 것을 Gerris에 맞게 조금 편집한 것 뿐이다.
즉, 모든 저작권은 당연히
SyntaxHighlighter에 있다.



SyntaxHighlighter를 티스토리에 적용하는 방법은 조금만 구글링을 하면
매우 쉽게 찾을 수 있을 것이다.

일단
SyntaxHighlighter를 각자 알아서 설치를 하고,
이 Gerris 브러쉬만 나중에 추가시켜주면 된다.

이 추가 작업에 대해서만 설명을 하자면...
먼저, 다운받은 shBrushGerrisCode.js파일을 티스토리에서
'관리 → HTML/CSS 편집 → 파일업로드'
에서 추가시켜주고...

그 다음에
'관리 → HTML/CSS 편집 → HTML/CSS'에서
skin.html에 아래의 코드만 삽입해주면 된다.


이 코드를 추가시켜 줄 위치는
SyntaxHighlighter를 이미 설치한 상황이라면
GerrisCode란 부분을 제외하고 위의 코드와 비슷하게 생긴 코드 무리들이 있을 것이다.

그 근처에 적당히 알아서 추가시켜주면 된다.



그리고 사용법은 아래의 코드를 티스토리에서 HTML편집기를 이용하여 원하는 위치에 입력하면 된다.

<textarea name="code" class="brush:gerris;">코드를 여기에</textarea>




뭔가 꿈이 큰 지 모르겠지만,
이 brush를 통해서 각자 사용하는 Gerris코드를 서로 공유하고
한국에서 Gerris 커뮤니티 같은 것이 생길 수 있으면 좋겠다는 생각을 한다.