본문 바로가기

Tech-tips/Tistory

디스커스 코맨트에서 코드뷰를 써보자

디스커스 코맨트 코드뷰


디스커스 코맨트 플러그인에서 코드뷰(SyntaxHighlight) 쓰는 방법을 알아보도록 하겠습니다.


Syntax Highlight 예시Syntax Highlight 사용 예시


디스커스는 아무래도 일반사이트에서 부터, 웹개발자 포털이나, 개인 개발자 블로그까지 아주 널리쓰이다 보니 이 Syntax Highlight 기능을 아주 강력하게 지원합니다. (라이브리가 이런기능을 지원할까요? 글쎄요... 죽었다 깨어나도 그런일은 없을겁니다.)


<pre><code>

<!--코드 -->

</pre></code>


사용하는 방법은 <pre><code> 사이에 코드를 넣으면 됩니다. 디스커스 플러그인은 생각보다 똑똑해서 어떤 코드 인지 지정해줄 필요 없이 자동으로 인식합니다.

디스커스에서 지원하는 언어는 다음과 같습니다.

  • Bash
  • Diff
  • JSON
  • Perl
  • C#
  • HTML/XML
  • Java
  • Python
  • C++
  • HTTP
  • JavaScript
  • Ruby
  • CSS
  • Ini
  • PHP
  • SQL

※HTML/XML 같은 경우에는 < 를 &gt와 같은 택스트로 바꿔줘야 정상적으로 처리가 됩니다.

<pre><code class="javascript">

console.log('disqus syntaxhighlighting is awesome!');

</code></pre>

굳이 어떤 코드인지 명시할 필요는 없지만, 원한 다면 다음과 같이 지정해줄수도 있습니다.


궁금하시면 아래 디스커스 댓글 창에 테스트 해보세요!