보통 소스코드 이쁘게 올릴때 SyntaxHighlighter를 많이 사용하는데 적용하다보니 swift언어가 잘 표시가 되지 않는 것이다. ㅠㅠ 스크립트를 새로 만들수도 없고..


그래서 찾은게 highlightjs.org!!!!


업데이트도 주기적으로 되는것 같고 좋다~~ ^^


1. 스크립트 파일을 다운로드 하자


2. 사용하고자 하는 언어를 체크하여 다운 받는다. (다양한 언어가 정말 많다.)


3. 압축을 풀고 highlight.pack.js 파일과 styles 하위 폴더의 css파일 모두 업로드 해준다. 


업로드는 티스토리 관리자페이지에 들어가서 [HTML/CSS 편집]->[파일업로드]->[추가]를 이용한다.


4. [HTML/CSS]에서 skin.html 파일에 다음과 같은 스크립트 코드 추가 

이때 mono-blue.css는 화면 스타일을 나타내며 바꿀수 있다. 

홈페이지의 language와 style을 눌러서 미리 확인해 볼수 있고 마음에 드는 스타일을 사용한다.

<link rel="stylesheet" href="./images/mono-blue.css">
<script src="./images/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>


5. 사용할 글에서 HTML태그 체크를 해주고 

다음과 같이 <pre>와<code class="언어"> 태그로 묶어준다. 


<pre><code class="swift">

// 소스 코드 

</code></pre>


표시는 이렇게 된다. 

<pre><code class="swift">

// 소스 코드 

</code></pre>

참 쉽고 이쁘게 잘 된다. 



저작자 표시 비영리 변경 금지
신고
Posted by 까칠코더.


티스토리 툴바