티스토리 뷰

 

이번 포스팅은 티스토리 개편 이후 Color Scripter 사용에 대한 해결 방법을 포스팅해보도록 하겠습니다.

 

티스토리 블로그 포스팅할 때 코드를 삽입하는 방법에 대해서는 전에도 포스팅한 적있는데, 그때 다뤘던 Color Scripter 사이트를 동일하게 사용하지만, 개편한 후에 생기는 문제에 대해 해결하는 방향으로 보여드리겠습니다.

 

Color Scripter 사이트에 대해 궁금하시거나 이전 포스팅이 궁금하신 분들은 아래 포스팅을 참고해주세요 :))

 

 

저의 경우 티스토리 블로그가 크게 개편된 이후, 개편 이전까지 잘 사용하던 Color Scripter를 포스팅 때 이전처럼 작동하지 않았습니다. 

 

 

개편 전의 Color Scripter 사용 시에는 제가 적용한 테마부터 Syntax, 줄 번호가 모두 잘 적용되었다면 개편 후 사용 때에는 아래처럼 그렇지 않았습니다.

 

 

이전과 같은 방법으로 했을 때 Color Scripter에서 가져와 붙인 포스팅이 이렇게 붙여지는 문제가 발생하였습니다.

 

해결방법을 찾아보았는데 제가 잘못한건지 개편 후에 이런 증상이 있다는 글을 볼 수 없어 직접 실험을 해보았습니다.

 

이런 문제가 있으신 분들의 해결 방법은 아래와 같습니다.

 

 

먼저 Color Scripter 메인 페이지에서 세부설정을 찾아주세요.

 

 

세부설정의 HTML태그 자체 복사 항목을 체크해주시고 저장 버튼을 눌러주세요.

 

 

하단의 클립보드에 복사 버튼을 눌러주시고, 블로그 포스팅에서 원하시는 위치에 붙여넣기 해주시면 아래와 같은 소스코드를 삽입할 수 있습니다.

 

1
2
3
4
#include <stdio.h>
void main(){
    printf("Hello! It is Gabii's World:)");
}
 

 

만약에 아래와 같이 복사가 된다면 다음 방법을 따라주시면 됩니다.

 

1
2
3
4
#include <stdio.h>
void main(){
    printf("Hello! It is Gabii's World:)");
}
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none; color:white">cs

 

 

체크 되어 있는 가장 오른쪽 열을 선택하신 후 열 삭제에 해당하는 편집 버튼을 눌러주시면 오른쪽 열이 삭제됩니다. 이후 원하시는대로 아래 링크 등의 정보를 지워주시면 됩니다.

 

1
2
3
4
#include <stdio.h>
void main(){
    printf("Hello! It is Gabii's World:)");
}
 

 

만약 소스 코드 박스를 가운데 정렬 하시고 싶으시면 아래 사진과 같이 글쓰기 메뉴의 가장 우측에 있는 기본모드를 선택하시고 html로 바꿔 주세요.

 

 

html로 바꾸시면 아래 사진과 같은 코드창이 뜨게 됩니다.

 

 

이런 코드 창이 뜨면 Ctrl+F를 눌러 margin을 검색해주세요.

 

 

margin을 검색하시면 <table class="colorscripter-code-table" style="margin: 0px" .... > 코드를 보실 수 있습니다. 이 태그의 "margin: 0px"을 "margin:auto"로 바꿔주시면 됩니다.

 

1
2
3
4
#include <stdio.h>
void main(){
    printf("Hello! It is Gabii's World:)");
}
 

 

margin을 auto로 바꿔주시면 위와 같이 소스코드 박스가 중앙에 위치하도록 할 수 있습니다.

 

 

margin을 auto로 바꾼 후 코드 모습으로 필요하시면 참고하시면 될 것 같습니다.

 

 

이번 포스팅은 티스토리 개편 후 소스코드를 포스팅에 삽입하는 방법에 대해 소개해드렸는데, Color Scripter 사이트를 이용하시다가 혹시 같은 문제를 겪고 계신 분들에게 조금이나마 도움될 수 있으면 좋겠습니다.

 

그럼 다음 포스팅에서 봐요 :))

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함