[티스토리] 인라인 코드 블럭

• 적용 중인 스킨에 인라인 코드 블럭 css가 없어서 새로 적용
• 색상 별로 추가했다.

 

1. [관리] - [꾸미기] - [스킨 편집] - [html 편집] 

 

2. CSS 수정하기

 

code {
    padding: 0.25rem;
    background-color: #f0f0f0;
    border: 1px solid #dadada;
    color: #d07d7d;
    border-radius: 5px;
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0 5px;
}

 

• code 검색해서 나온 부분에 해당 코드 복붙하기
• 색상은 원하는 것으로 수정하기
• 색상 별로 이름을 조금씩 바꿔서 추가했고, html 모드에서 해당 태그로 사용하면 된다.

<code> 기본 code </code>
<codeb> 파랑 code </codeb>
<codeo> 주황 code </codeo>
<code_r> 빨강 배경 code </code_r>
<code_b> 파랑 배경 code </code_b>

 

주의할 점

• 티스토리 기본모드에서는 <code> 만 인식하기 때문에 html 모드에서 전환 시 태그가 없어진다.
• 글 발행 전 추가할 것