티스토리 블로그에 깔끔하게 코드 넣기

블로그에 코드를 넣어서 보여주고 싶죠.
하지만 그냥 코드를 붙여 넣기 한다면 가독성도 떨어지고 다른 글과 구분하기도 쉽지 않아 불편합니다

public class blog{ public static void main(String[] args) { System.out.println("블로그에 코드 넣기!!"); }

위처럼 들여 쓰기나 줄구분도 어렵게 보입니다.
블로그에 코드를 넣는 사이트를 이용하면 깜금하게 코드를 보여줄 수 있습니다

 public class blog{ 
      

          
      

            public static void main(String[] args) { 
      

                 
      

                System.out.println("블로그에 코드 넣기!!"); 
      

          
      

            } 
      

제가 즐겨쓰는 코드 넣는데 도움을 주는 사이트입니다
https://colorscripter.com/

Color Scripter

사이트에 방문하면 코드를 넣을 수 있는 칸이 있습니다
앞서 보여드렸던 코드를 입력하면

사이트화면 캡처

이런 모양이 화면에 출력됩니다. 흰색의 배경이 싫다면 좌측상단에 보이는 배경을 변경할 수 있습니다

이제 코드를 블로그에 넣을 차례다 매번 화면에 출력된 코드를 캡쳐할 수도 있지만 사이트 내부에서 코드를 옮겨 넣을수 있게 만들어주는 기능이 있다.

코드를 블로그에 붙여넣기

1. 먼저 코드를 넣고, 사이트 우측하단에 있는 HTML로 복사를 눌러 HTML을 복사한다.

2. 블로그로 돌아와 기본모드에서 HTML으로 모드를 변환시킵니다.

HTML 코드 한 줄을 입력하면 다음과 같이 보이게 됩니다. 그리고 다시 기본모드로 돌아오면

아래와 같은 코드가 깔끔하게 입력되 있는 모습을 볼수 있습니다

 public class blog{ 
      

          
      

            public static void main(String[] args) { 
      

                 
      

                System.out.println("블로그에 코드 넣기!!"); 
      

          
      

            }