HTML 코드블럭에 해당하는 글 2

  1. [highlight.js]티스토리 코드블럭 스타일 변경, 줄번호 넣는 법2022.06.20
    수성비전자방입니다. 저는 과거에 블로그 글에 코드블럭을 쓸 때 Color Scripter(관련 글)을 썼었지만, 얼마 전부터 티스토리의 코드블럭 기능을 이용하고 있습니다. 티스토리의 코드블럭은 highlight.js와 함께 사용할 수 있도록 되어 있습니다. 티스토리에서 코드블럭을 쓰면 , 태그로 감싸지며, highlight.js가 이 부분을 예쁜 코드블럭으로 만들어 주는 것입니다. 예를 들어 HTML에 대한 코드블럭은 아래와 같이 되는 거죠. ... (출처: https://highlightjs.org/usage/) 그러므로 이 코드블럭을 제대로 쓰려면 자바스크립트, CSS를 함께 적용하는 것이 좋은데요, 오늘은 highlight.js와 줄번호를 적용해 보겠습니다. 목차 1. 티스토리의 코드 문법 강조 플..
  2. [Color Scripter]코드블럭을 HTML로 넣어보자!2021.06.26
    수성비전자방입니다. 제 블로그에는 종종 코드블럭을 이용한 글이 올라옵니다. 저는 티스토리의 코드블럭 기능을 사용하지 않고 있습니다. 오늘 제가 사용하는 Color Scripter를 소개해 드리겠습니다. Color Scripter 주소는 아래와 같습니다. https://colorscripter.com/ 소스 코드 작성 처음 접속하면 위와 같은 화면이 뜹니다. 소스 코드를 작성하면 위와 같이 자동으로 언어를 감지합니다. 언어 감지가 마음에 안 든다면 수동으로 언어를 선택할 수도 있습니다. 저는 코드블럭을 사용할 때 어두운 배경색을 좋아합니다. 스타일패키지 중 서브라임 블랙을 적용하면 됩니다. 어두운 배경색으로 적용되었습니다. 배경을 선택할 수도 있는 것 같은데 저는 잘 안 쓰는 기능입니다. 스타일패키지로 충..