본문 바로가기

# Tistory7

[Tistory] 콘텐츠 제목 Setting - 부분 노출(제목 잘림), 제목 두께 [부분 노출(제목 잘림) 수정] 1. CSS에서 코드 수정 .post-item .title ① "ctrl + f" 를 눌러서 위 코드를 찾는다. ② white-space : nowrap; ▶ white-space : normal; 위와 같이 수정 ③ 적용 클릭 2. 적용 결과 [제목 두께 수정] 1. CSS에서 코드 수정 // 코드 위치 .list-type-thumbnail .post-item .title // 추가해야할 코드 font-weight: 500; ① "ctrl + f" 를 눌러서 위 코드를 찾는다. ② font-weight: 500; font-size : 1.25em; 코드 아래에 위 코드 추가 ③ 적용 클릭 2. 적용 완료 2023. 8. 24.
[Tistory] Code block 테마 변경 - 심화편 (Highlight.js 활용) [Highlight.js] 아무래도 기본 테마는 부족한 점들이 많다. 그래서 우리는 또 다른 여러 가지 테마를 직접 가져와 적용해볼 것이다. ◈ Highlight.js ◈ highlight.js Usage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, and web workers. See our README on GitHub for more details. As a Module Highlight.js can be used with Node on the highlightjs.org 이렇게 테마를 직접 받아서 적.. 2023. 8. 23.
[Tistory] Code block 테마 변경 - 기본편(Syntax Highlight 적용) [Code block 테마 변경하기] 티스토리에서 기본적으로 지원하는 플러그인을 통해 코드 블럭에 테마를 적용해볼 것이다. 1. 관리 페이지 우측 하단의 플러그인 메뉴로 들어간다. 2. "Syntax Highlight - 코드 문법 강조" 클릭 위 플러그인은 티스토리에서 기본으로 제공하는 코드 블럭 테마 플러그인이다. 3. 8가지 테마 중 원하는 테마를 선택 후 적용을 클릭한다. ※ 기본 테마(8가지) 출력 예시 2023. 8. 23.