[blogger] 블로그 코드 삽입

 

what I want is...

번호있는 코드 삽입

what I tried is...

1. color scripter 

color scripter

1 2 3 4 5 6 7 8 9 10

#include <iostream>   using namespace std;   int main() {     cout << "this is a test" <<endl;       return 0; } Colored by Color Scripter

cs

이쁘게 잘 되는 편이지만, 제일 중요한 번호가 밀리는 현상이 blogger에서 발생함.

수정 ) 원래는 밀리는 현상이 발생했지만, 현재는 밀리는 현상 발생안함. 

2. syntax highligter (highlight.js)

마지막 방법을 찾기 전까지 사용하려 했던 방법

여러 블로그를 참고하며 하였다. 기본적으로는 코드 라인 번호 제공을 안하지만, 잘 찾는다면 라인 번호 제공하는 것을 다운 받아서 사용할 수 있다.

* 적용하는 방법 자세히 적힌 블로그 추천 : syntax highligter 강좌

실제 적용한 모습)

<#include <iostream>
using namespace std;
int main()
{
	cout << "this is a test" <<endl;
	return 0;
 }

적용하지 않기로 결정한 이유)

 1. 너무 귀찮음

    1) 코드 작성마다 <pre><code></code></pre>를 넣어야함

    2) <,>같은 문자는 html에서 코드인지 알고 처리를 안해버려서 html escape 처리해야함 

        * html excape

 2. 아직 css등의 지식이 부족함 - 아무리 css추가를 해도 이쁘게 만들 수 없었음.

3. gist

gist가 가장 마음에 들었다. 라인넘버도 제공하고, 코드도 이쁘게 잘 삽입이 되었다.

최종 선택

gist - github gist에 들어가서 코드작성 후 embeded 복사하기만 하면 된다.