티스토리 코드 블럭 예쁘게 꾸미기

 

1. 티스토리 블로그 코드 삭입 하기

티스트로 블로그 작성시 코드 삽입 하는 방법

블로그 상단 "..." 선택 -> 코드블럭

코드블럭 산입 코드 종료 선택 후 코드 삽입

 

블로그 작성시 표시되는 화면

실제 블로그 발행 할 경우 아래와 같이 표시 ㅠㅠ

가독성이 너무 떨어짐.

 

실제 코드 (현재 블로그 테마 적용되어 표시되고 있음)

package com.json.viewmodel;

public class Item {
    private String mName;
    private String mNumber;

    public void setName(String name) {
        mName = name;
    }
    public void setNumber(String number) {
        mNumber = number;
    }

    public String getName() {
        return mName;
    }
    public String getNumber() {
        return mNumber;
    }
}

 

 

2. 코드 블럭 설정하기

티스토리 설정 -> 플러그인 -> Syntax Highlight

테마 선택

각 테마 적용 화면

Monokai 

Atom One Dark

Atom One Light

Github

Darcula

Visual Studio

Xcode