본문 바로가기

tistory9

[티스토리 코드블럭] 코드블럭 언어명 표시, 열기 닫기 버튼 HTML 태그가 끝나는 위에 붙여넣기 참고 : https://jinyh.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%BD%94%EB%93%9C%EB%B8%94%EB%9F%AD 2022. 9. 6.
[Tistory] 티스토리 글 content 안의 이미지에 테두리 넣기 티스토리 글 content 안의 이미지에 테두리 넣기 bookclub 스킨 스킨 편집 > CSS CSS 파일 내에서 .entry-content figure 검색 이미지 테두리 설정 값 추가 .entry-content figure { margin-top: 8px !important; /* change_clo make img border */ border-width : 1px; padding: 3px; border-style : solid; border-color : #aaaaaa; } 적용 후 확인하기 테두리 설정 적용 이전 테두리 설정 적용 이후 참고 : https://developer.mozilla.org/ko/docs/Web/CSS/border https://interested-in.tistory.c.. 2022. 8. 25.
[티스토리 코드블럭] 코드블럭 테마, 라인넘버 설정하기 1. 코드블럭 테마 변경 https://highlightjs.org/ 들어가기 Get version 클릭 jsdelivr 내용 모두 복사하기 스킨 편집 html 에서 안쪽에 위에서 복사한 코드 넣어주기 이때 styles/ 뒤의 default를 원하는 테마로 변경 테마는 https://highlightjs.org/static/demo/ 에서 확인하기 내가 적용한 테마 : atom-one-dark-reasonable 테마 이름은 소문자, -로 연결 2. 라인 넘버 아래 코드를 html 코드블럭 테마 적용 코드 밑에 삽입 css 에서 맨 아래에 다음 코드 삽입 /* Line Number CSS */ /* for block of numbers */ .hljs-ln-numbers { -webkit-touch-ca.. 2022. 7. 20.
[티스토리 스킨] 본문 기본 글자 색 설정 변경하기 티스토리 글쓰기 본문 기본 글자 색 설정 변경하기 블로그 관리 - 꾸미기 - 스킨 편집 html 편집 클릭 CSS로 가서 "entry-content p" 찾기 color: #000; 으로 변경 2022. 7. 18.