TISTORY 게시글에 코드 넣기

tistory에서 제공하는 코드 블럭을 통해 블로그 글에 코드를 넣는 방법에 대해서 알아보았다.

 

게시글 작성시 코드블럭을 선택한 뒤, 원하는 언어를 선택하고 코드를 입력한다.

확인 버튼을 누르면 아래와 같이 코드가 삽입된다.

.gauge-box{
    height: 100vh;
    width: 180px;
}

.gauge-p{
    font-size: 24px;
    font-style: bold;
    color: white;
    text-align: center;
}

.gauge-bar{
    width: 50px;
    height: 400px;
}

만약 업로드할 코드블럭의 테마를 변경하고 싶다면,

설정 -> 플러그인 -> 코드 문법 강조 에서 원하는 테마를 선택하면 된다.