Tistory10 [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. [티스토리 스킨] Book Club 스킨 header 색, 블로그 이름 색, 검색창 색 변경하기 book club 스킨의 header 배경색과 제목 색을 변경하기 우선 블로그관리의 스킨편집에서 css파일을 본다. header 색 변경 ctrl + f로 layout selector 검색 background-color 값 변경하기 ctrl + f로 header h1 검색 header h1 태그 블로그이름 폰트 변경 font-family 에 원하는 폰트로 변경 header h1 태그 블로그이름 글자 색 변경 위의 세가지를 적용한 결과 검색버튼의 배경은 header 색 변경 전 과 동일하게 흰색인 것을 확인할 수 있다. 검색버튼의 배경색도 변경한 header 배경색과 동일하게 바꿔보자 ctrl + f로 .util .search 검색 background-color를 header의 background-colo.. 2021. 11. 3. 이전 1 2 다음
