블로그에 html 소스코드 쓰는 방법 'color scripter'

브라켓 에디터를 설치하고 확장프로그램까지 다 했으니 이제 블로그에 잘 올리면 되겠다~ 

생각을 했었는데 html,css, javascript를 한페이지에 다 보이게 하려면 너무 길고

보기도 않좋고 그걸 또 언제 일일이 캡쳐를 하고있나 고민하고었는데

티스토리에 가독성 좋게 소스코드 넣는법 찾다가 color scripter를 발견했다.

이 로고를 클릭하면 color scripter로 바로이동합니다 ↓↓↓

사이트 들어가면 보이는 화면인데 안에 내용은 잘 되는지 확인해보려고 내가 넣은 내용이여서 

처음들어가면 아무것도 안쓰여 있는 텅텅빈 화면이다.

설정하고, 코드 작성한 다음 이미지 하단에 빨간 네모(클립보드에 복사) 클릭해서 잘 붙여넣기만 잘하면 끝이다.

1. 상단에 있는 설정창에서 언어 선택한다.

다양한 언어를 지원하고 있어서 본인이 사용하 언어를 선택한다.

2. 테마변경

다양한 테마가 있는건 아니지만 사용자가 보기 편한 배경, 글씨색으로 변경 한다. 

3. 배경색 변경

첫줄은 배경없고 다음 줄은 색상차이나게 하고 싶으면 이중색상(격배경)을 선택하면 된다

4. 세부설정

사용자 편의에 맞게 변경해주면 되는 부분이다.

나는 보기좋게 줄간격 160%을 주고

블로그에 컬러스크립트내용을 복사할때 숫자까지 같이 복사되지 않게 하기위해서 줄번호 복사는 체크해지했다.

나중에 글이 길어지거나 많아지면 스크롤을 통해서 볼 수 있게 하는게 좋을것 같아서 

아래 기타 부분에 있는 가로세로 크기 제한에 체크하고 가로세로값을 설정해 줬다.

+) 티스토리 에디터가 개편되면서 글씨를 다 쓰고 

하단에 클립보드에 복사를 해서 붙혀넣기를 아무리 해도 잘안됐는데  

기타 설정부분에서 가로세로크기 제한 위에있는 HTML 태그 자체복사를 체크하고  

붙여넣기 해주면 잘나온다!

잘되는지 확인해보려고 캡쳐해봤다.

분명히 세개 다 이중배경을 했는데 왜 서브라임블랙 테마만 적용되서 나오는걸까?ㅠㅠㅠ 알수가 없다...