마크다운
-
티스토리 블로그에 마크다운 콜아웃(Callout) 넣어주기Programming/TIL 2024. 11. 25. 18:56
티스토리 블로그에서 Github 스타일의 마크다운 콜아웃(경고/주의 상자)을 구현하는 방법을 설명합니다. HTML 구조 분석부터 자바스크립트 DOM 조작, CSS 스타일링, 웹 접근성 개선까지 단계별로 알아봅니다.개요Github에서 README 파일을 읽다 보면 이런 멋있는 경고 상자를 볼 수 있습니다. 프로그램 사용 시 주의사항이나 설정 방법, 사용 꿀팁 등을 강조할 때 주로 사용되곤 하는데요.이는 Github Flavored Markdown에서 지원하는 기능입니다.표준 마크다운 문법에 여러 가지 확장을 더한 것이죠.아래와 같은 표준 마크다운 인용블록에> 나는 생각한다 고로 나는 존재한다. - ChatGPT나는 생각한다 고로 나는 존재한다. - ChatGPT이런 식으로 [!NOTE]를 앞에 붙이면 위에..