![]()
코드블럭에 인라인 넘버 적용하기 1. html편집 블로그 관리 > 스킨 편집 > html편집 바로 위쪽에 아래 코드를 복사 붙여넣기 해 준다. 맥북의 경우 command + F, 윈도우는 ctrl + F 해서 /body 검색 해주면 바로 찾을 수 있다.or 스크롤 쭉 내려서 찾아주셔도 됩니다 ㅎㅎ 2. CSS 편집위 작업이 끝났으면 CSS 들어가서 아래 코드 추가 해 주자.#content에 이어서 쭉 붙여줘도 되지만 저 같은 경우 커스텀한 것들은 주석달아서 맨 밑에 붙여 넣어 주었어요~/* 코드블럭 인라인 넘버 적용*/#content .hljs-ln-numbers { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-..
![]()
이미지가 본문 폭을 벗어나는 문제 티스토리에서 hello 스킨을 적용해서 잘 쓰고 있는데, 이 스킨은 이미지가 본문 폭을 벗어났을 때 줄여주는 기능은 탑재하고 있지 않다. 그래서 블로그 스킨편집 창에서 손을 좀 봐 주어야 겠다고 생각했다. 일단 티스토리에서 width가 860보다 더 큰 이미지는 에디터에서는 무조건 860으로 보이게 해 놓은 거 같은데...글을 발행하면 최대크기가 1100으로 되어 있는지 1100까지도 나온다 1. 본문 쪽 맞춤 기능우선 스킨편집에서 html/css를 수정하지 않아도 본문 폭 맞춤 기능을 사용하면 이미지가 줄여지기는 한다. 하지만 에디터로 글을 작성할 때 이미지 크기랑 실제로 글을 발행하고 나서 보여지는 크기가 다르기 때문에 글 작성중에는 실제로 이미지 크기가 어느 정..
![]()
맥북을 다크모드로 설정 해 놓았더니티스토리 블로그도 다크모드로 보이는 현상때문에 골치가 아픈데요. 티스토리는 다크모드에 최적화된 블로그는 아니기 때문에다크모드로 보는 경우 글자가 반전되서 보이거나, 가독성이 떨어지는 경우가 있습니다. 그래서 애초에 다크모드가 작동 안되게 하는 법을 알려드리겠습니다. 제가 쓰고 있는 블로그 스킨은 다크모드 동작 태그를 포함하고 있어서 해당 태그를 삭제 또는 주석처리 하는 방식으로 다크모드를 없앨 수 있는데요.블로그 스킨 종류에 따라 해당 태그 위치가 다를 수도 있습니다. 1. [블로그 관리] > [꾸미기] > [스킨편집] 2. [html 편집] 이렇게 무시무시한 경고창이..html 코드 수정할 때는 다른 코드 안 건드리게 절대 조심하세요. 티스토리 운영자 : 건들다 망하면..
