EVE VR- EVR(가칭)은 EVE온라인으로 잘 알려진 ccp의 인디 프로젝트이며,

가상현실 헤드셋인 오큘러스 리프트와 결합하여 진행되고 있습니다.

데모 영상을 첨부합니다.


 

 

 

 

Posted by 안드로메다에서 온 프로그래머

class { public static void main(String[] args) { System.out.println("Hello SyntaxHighlighter!"); } }

코딩과 관련된 블로그를 돌아다니다 보면, 위와 같이 구문강조를 통해 코드를 깔끔하게 포스팅 한 블로그들을 심심찮게 볼 수 있습니다.


웹에서 구문강조한 문자열을 서식과 함께 복붙하는 방법도 있고, 위와 같이 플러그인을 사용하는 방법도 있습니다. 이 글에서는 해당 블로그에서 사용하는 SyntaxHighlighter를 티스토리 블로그에 추가하는 방법을 소개합니다. 


우선 여기에서 SyntaxHighlighter 최신 버전을 다운받아 압축을 풀어주세요. 현재 이 글의 작성 기준은3.0.83 버전입니다.



압축파일 내부


다음으로 src폴더와 scripts폴더 내의 모든 내용을 아래와 같은 순서로 모두 업로드 해 주세요

[티스토리 블로그 관리 > 꾸미기 > HTML/CSS편집 > 파일업로드 > 추가] 


다음으로 아래와 같은 순서로 CSS편집 모드에 들어갑니다

[티스토리 블로그 관리 > 꾸미기 > HTML/CSS편집]


편집 모드에서 [skin.html] 에 아래 내용을 추가해 주세요

CTRL+F로 </HEAD>를 찾으셔서 바로 윗줄에 아래 코드를 삽입해 줍니다

<link type="text/css" rel="stylesheet" href="./images/shCore.css">

<link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css">

<script type="text/javascript" src="./images/shCore.js"></script>

<script type="text/javascript" src="./images/shAutoloader.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/shBrushObjC.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> 



해당 내용을 삽입하실 때 , stylesheet 항목의 shThemeDefault.css 부분을 수정하시면 테마를 변경하실 수 있습니다 테마 미리보기는 여기에서 가능합니다.


내용을 저장하고, 이제 포스팅한 글에서 구문 강조 기능을 사용하면 됩니다. 

구문 강조 기능은 <pre> 와 <script>방식을 선택하며 사용하시면 되는데요, <pre>를 사용시 하이라이팅할 코드 내부의 '<'와 '>'를 제대로 인식하지 못합니다.

그래서 찾아 바꾸기 기능이 있는 문서 프로그램에서 <는 &lt;로  ,>는 &rt;로 변경해 주셔야 합니다

<script>를 사용할 시 그런 문제가 없습니다. 치환자를 사용할 필요가 없지요.


그렇지만 보통 <pre>방식을 많이들 사용하시는데요, 그 이유는 구글이나 네이버 등의 검색 봇이 <script>내부의 코드를 읽지 못해서 해당 필드 안에 있는 문자열로는 포스트가 검색되지 않기 때문이죠. 혼자 사용할 블로그가 아니라면,<pre>태그 사용을 권장합니다.


방금 설명한 내용에 대한 더 자세한 내용은 아래를 참조하시면 자세히 알 수 있습니다

http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html


 


이제 코드를 적용해봅시다 글을 쓸 때, HTML모드에서 다음과 같이 입력합니다


<pre class="brush:사용할 언어">

    code

</pre> 



코드 작성 후 '사용할 언어'란에는 사용할 언어 브러쉬를 선택해 주시면 됩니다. 아래를 참고해서 설정해주세요

http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/


추가로 옵션을 설정해 줄 수도 있는데 다음 페이지를 참고하시면 되겠습니다

http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/


그럼 즐포스팅하세요.


Posted by 안드로메다에서 온 프로그래머

2013 .6 .26

안드로머, 기록을 시작합니다

 

Posted by 안드로메다에서 온 프로그래머