Tistory2 [Tistory] 티스토리 코드블럭 가로 스크롤 코드블럭으로 코드를 입력할 때, 코드가 가로로 길어지다보면 아래와 같이 코드가 자동 줄바꿈되어서 보이는 경우가 있다. 문제는 코드가 길어질수록 이게 코드 가독성을 엄~~청나게 떨어뜨린다는 것ㅜ그래서 간단한 CSS 코드를 추가해서 가로 스크롤이 되도록 했다. 코드 적용 방법(우측 상단) 프로필 이미지 선택 > 관리 > (좌측 패널) 꾸미기 > 스킨 편집 선택 > (우측) html 편집 선택 > CSS 탭 CSS 코드 .hljs { white-space: pre; overflow-x: auto;} 적용하고 나면 아래와 같이 코드블럭에 가로 스크롤이 잘 적용된 걸 볼 수 있다! 2025. 1. 29. [Tistory] 티스토리 백틱(`)으로 인라인 코드 입력하기 안타깝게도 노션이나 벨로그와는 달리 티스토리에는 백틱으로 인라인 코드를 입력할 수 있는 방법이 없다.그렇지만 모든 코드를 코드 블럭으로만 처리할 수 없어서 HTML/CSS 코드를 추가해서 백틱으로 인라인 코드 입력이 가능하도록 했다. 관련하여 검색해보면 다양한 블로그 글과 코드를 볼 수 있는데, 그냥 그대로 복붙해서 적용하니 내 블로그 스킨에서는 잘 적용되지 않아서 약간 손봤다.복잡한 이야기들은 모두 생략하고 결괒거으로 내가 적용한 코드는 아래와 같다~! 참고로 나는 Book Club 이라는 스킨을 사용하고 있다! 코드 적용 방법(우측 상단) 프로필 이미지 선택 > 관리 > (좌측 패널) 꾸미기 > 스킨 편집 선택 > (우측) html 편집 선택 백틱 인라인 적용 코드HTML 코드어디에 넣든 상관없지만 .. 2025. 1. 15. 이전 1 다음
