Information

소스 코드 블로그에 넣는 방법 - 코드 하이라이터

DragonTory 2020. 7. 31. 16:22
반응형

소스 코드 블로그에 넣는 방법 - 코드 하이라이터

 

1. Code Scripter 사이트 이용

https://colorscripter.com/

 

Color Scripter

Simple & Flexible Syntax HighLighter

colorscripter.com

여기 사이트에서 코드를 작성 하고 하단의 HTML 복사로 Html화된 코드를 복사 하여 블로그나 티스토리에 HTML로 붙혀 넣기 하면 끝. 

그럼, 형형색색의 이쁜 코드 삽입 완료.

/* Hello World */

#include <stdlib.h>

#include <stdio.h>

int main()

{

printf("Hello World\n");

return 0;

}

 

이런 코드가

 

1
2
3
4
5
6
7
8
9
/* Hello World */
#include <stdlib.h>
#include <stdio.h>
 
int main()
{
    printf("Hello World\n");
    return 0;
}
cs

 

으로 이쁘게 표시 된다. 

 

2. SyntaxHighlighter 

사용하기 복작 해 보이긴 한데 기능이 더 많은 것 같다. 

 

SyntaxHighlighter 사용법 참고 블로그:

https://goddaehee.tistory.com/172

 

[블로그 꾸미기] 12. 코드 이쁘게 적용(Syntax Highlighter 적용)하기

[블로그 꾸미기] 12. 코드 이쁘게 적용(Syntax Highlighter 적용)하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ SyntaxHighlighter 적용 ] 에 대해 전반적으로 정리 해보려 합니다. : ) 많은 블로그 써��

goddaehee.tistory.com

 

3. Highlight.js 

자바스크립트 플로그인이라는데 이것도 복잡스럽긴 한데 프로그래밍 적으로 이용 할 때 사용 하나 봅니다.

https://ryulog.tistory.com/147

 

[ JavaScript ] highlight.js를 이용한 코드 하이라이팅

highlight.js를 이용한 코드 하이라이팅 회사 업무도중 highlight.js 플러그인을 사용해야하는 상황이 생겼다. highlight.js는 코드의 하이라이트를 구현해주는 플러그인이다. 많은 언어와 다양한 스타일�

ryulog.tistory.com

 

저한테는 위 셋중에 1번이 제일 간단 명료 한 방법 이네요.

 

 

반응형