워드프레스에 Syntax Highlighter 사용하여 소스 코드 포스팅하기

IT관련 직업에 종사하다보니 프로그래밍 관련 소스코드를 포스팅 할일이 많아 진다. 근래에 다른 블로그들을 살펴보니 Syntanx Highlighter를 사용하여 예쁘게 올라가진 것을 많이 보았다. Syntax Highligheter를 사용하면 다음과 같이 전문 툴을 사용하는것처럼 소스 코드를 보여주며 <>, 네모 누르면 소스코드를 복사하여사용할 수 있도록 한다. 프린터도 할 수가 있다.

그 동안 티스토리에서 사용하는것을 많이 봐왔는데 워드프레스에서는 플러그인을 설치할 수가 없어 단념하고 있었다. 그러던 찰나에 검색을 해보니 내부적으로 이 기능을 지원하고 있었다. 사용하는 방법은 다음과 같다. 원하는 Language  이름을 입력하면 된다. [참고]

결국 다음과 같은 결과를 얻을 수 있다. 여러분도 해보시길 바랍니다. [code language="css"] your code here [/code] The language (or lang) parameter controls how the code is syntax highlighted. The following languages are supported:

• actionscript3
• bash
• clojure
• coldfusion
• cpp
• csharp
• css
• delphi
• erlang
• fsharp
• diff
• groovy
• html
• javascript
• java
• javafx
• matlab (keywords only)
• objc
• perl
• php
• text
• powershell
• python
• r
• ruby
• scala
• sql
• vb
• xml

[code language="groovy" htmlscript="true"] #include <sys/types.h> #include #include #include #include #define MAXLINE 4096 /* max line length */ /* err_sys("") --> exit(1) */ int main(void) { int n, fd[2]; pid_t pid; char line[MAXLINE]; if (pipe(fd) < 0) { printf("pipe error \n"); exit(1); /* err_sys("pipe error"); */ } if ( (pid = fork()) < 0) { printf("fork error \n"); exit(1); /* err_sys("fork error"); */ } else if (pid > 0) { /* parent */ close(fd[0]); write(fd[1], "hello world\n", 12); } else { /* child */ close(fd[1]); n = read(fd[0], line, MAXLINE); write(STDOUT_FILENO, line, n); } exit(0); } [/code]