맨땅에 헤딩하는 사람

지난 번에 썼던 하이라이트 적용에 이어 코드 블럭 Line number 적용하는 방법을 소개한다. Highlight 스타일 적용하는 방법은 아래 글을 참고바란다. 2020/04/24 - [정보] - 티스토리 코드블럭 하이라이트(Highlight.js) 스타일 및 Line number 적용하기 (1) 하이라이트 스타일 적용 티스토리 코드블럭 하이라이트(Highlight.js) 스타일 및 Line number 적용하기 (1) 하이라이트 스타일 적용 티스토리에는 프로그래밍 코드를 삽입하기 위한 코드블럭이라는 도구가 있다. 다만, 기본적으로 제공하는 코드블럭의 경우 아래와 같이 겉보기에 굉장히 밋밋하다. 코드블럭에 스타일을 적용하는 방법과 Line num.. purplechip.tistory.com Line n..

티스토리에는 프로그래밍 코드를 삽입하기 위한 코드블럭이라는 도구가 있다. 다만, 기본적으로 제공하는 코드블럭의 경우 아래와 같이 겉보기에 굉장히 밋밋하다. 코드블럭에 스타일을 적용하는 방법과 Line number를 추가하는 방법을 소개하는 블로그 글들이 많은데, HTML, CSS를 하나도 모르는 나에겐 조금 헷갈리는 작업이었다. 따라서 이 글에서 조금 더 쉽게 설명하고자 한다. 하이라이트 스타일 적용하기 하이라이트 스타일을 적용하는 방법은 두 가지가 있다. 1. 티스토리 제공 플러그인 사용 2. Highlight.js 사용 (HTML 수정) 1.의 경우 굉장히 간단하지만, 스타일이 몇가지 없고 2.의 경우 아주 살짝 귀찮은 작업이 수반되지만, 스타일 개수가 많다. 하나씩 보도록 하자. 1. 티스토리 제공..