Tistory8 [Tistory] 코드블럭 언어 추가 코드블럭이 지원하지 않는 언어를 코드블럭에 작성하려면? 먼저 highlight.js class 확인 표에서 해당 언어 Language 확인 & Alias 확인 이후 글 쓰거나 수정 시 html 모드로 변경 한 후 아래 코드처럼 작성. 예시// SPDX-License-Identifier: MITpragma solidity ^0.8.20;contract Example { string public name; // storage uint public totalSupply = 1000; // 상태 변수 address public immutable owner; // 배포 후 고정 constructor() { o.. 2025. 4. 17. [티스토리 코드블럭] 코드블럭 언어명 표시, 열기 닫기 버튼 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. [티스토리 스킨] Portfolio 스킨 리스트 사진 삭제하기 블로그 관리 - 스킨 편집 - HTML ctrl + f 로 s_list 검색 thumnail item-thumbnail class 부분의 span 태그 주석 처리하기 기존 화면 thumnail item-thumbnail class 부분의 span 태그 주석 처리한 화면 2021. 10. 27. 이전 1 2 다음
