Memo
티스토리 기본모드에서 인라인 코드블럭 넣기
얘진
2022. 12. 12. 18:30
인라인 코드블럭은 HTML에서 <code> ~ </code> 로 블럭을 씌워주고 CSS에 스타일 코드를 넣는 방법이라고 한다.
하지만 글을 기본모드로 작성을 하다보니 항상 모드 넘어가야 하고,,
매우 번거롭기에 ,,, ,
취소선 기능을 인라인 코드를 넣는 기능으로 바꾸는 아이디어를 찾았다 !
취소선 단축키 -> ctrl + alt + j
내 티스토리 스킨은 티스토리에서 제공하는 #2 #반응형 스킨
이 스킨의 본문 div class 이름은 area_view
스킨 편집에서 CSS 파일에 아래의 코드 작성
.area_view s, .area_view strike {
text-decoration: none;
line-height: normal;
background-color: #f0f0f0;
color: #d07d7d;
border: 1px solid #dadada;
border-radius: 5px;
font-size: 0.9rem;
margin: 0 5px;
line-height: 1.5rem;
padding: 0.11rem;
overflow-wrap: anywhere;
}적용시키면 ?!
글쓰기 화면에서는 아래의 사진처럼 취소선으로 보임
글 작성한 뒤에 블로그에서 확인하면 아래의 사진처럼 인라인 코드 블럭이 잘 들어간 것을 볼 수 있다 !
참고