코드블럭 (2) 썸네일형 리스트형 [티스토리] 코드블럭 폰트 변경 10분컷 가이드 이전단계 (필수x) [티스토리] 코드블럭 색상테마 10분컷 가이드 (테마 200+가지 / 다운로드 X) 색상은 화려해졌지만 여전히 가독성이 떨어지는 코드블럭의 폰트를 바꿔보자 폰트 적용 전 폰트 적용 후 1. 구글 폰트에서 원하는 폰트를 선택 구글 폰트 https://fonts.google.com/ 나는 code로 검색해 제일 먼저 나오는 Source Code Pro를 사용하기로 했다. 2. 밑으로 쭉 내려서 굵기 선택 일반적으로 400~500이 적당한 것 같다. 나는 약간 굵은 500을 선택했다. 원하는 굵기를 골라 select를 눌러준다. 3. 링크 복사 오른쪽 위의 View 아이콘을 누른다. 방금 셀렉트한 폰트를 확인하고, 아래 링크를 복사해준다. 4. 링크 붙여넣기 티스토리 스킨 편집 > html.. [티스토리] 코드블럭 색상테마 10분컷 가이드 (테마 200+가지 / 다운로드 X) 다음단계 [티스토리] 코드블럭 폰트 변경 10분컷 가이드 티스토리 기본 syntax 플러그인이 못생겨서 색상을 좀 바꾸고 싶었다. 옛날 티스토리 블로그 글들을 뒤져가며 이것저것 다 복붙해봤는데 말을.... 안 들어서..........ㅎ 그냥 내가 몇 시간 붙들고 알아냈다. 제일 흔하게 쓰이는 듯한 highlight.js를 이용하기로 했다. highlight.js 깃허브 https://github.com/highlightjs 공식 페이지 https://highlightjs.org/ 들어가면 엄청나게 빨간 배경이 눈아프게 반겨준다. 결론 (!!) 바쁘다 바빠 현대인을 위해 설명은 뒤로하고 결론부터 말하자면 1. 클릭 2. 클릭 3. 아래 코드를 복사해서 4. 사이에 붙여넣기 5. 원하는 스타일 선택하기 ht.. 이전 1 다음
