블로그스팟 글에 코드 블록 삽입하는 법

  📋 목차 블로그스팟에 코드 블록이 없다고? highlight.js 테마에 설치하기 글 작성할 때 코드 넣는 실전 방법 GitHub Gist로 더 간단하게 삽입하기 코드 블록 디자인 입맛대로 바꾸기 처음에 다 겪는 실수 모음 자주 묻는 질문 블로그스팟에서 개발 관련 글을 쓰려는데 코드 블록 기능이 없어서 당황했다면, highlight.js 라이브러리 하나면 깔끔한 신택스 하이라이팅까지 해결된다. 블로그스팟으로 기술 블로그를 운영하겠다고 마음먹고 첫 글을 쓰는데, 코드를 넣을 방법이 없어서 멘붕이 왔다. 티스토리는 버튼 하나로 코드 블록이 들어가잖아요. 근데 블로그스팟 에디터에는 그런 게 없더라고요. 코드를 그냥 텍스트로 붙여넣으면 들여쓰기가 다 깨지고, 줄바꿈도 엉망이 되고. 처음에는 스크린샷을 찍어서 이미지로 넣을까도 생각했는데, 그러면 복사도 안 되고 SEO에도 최악이라 포기했다. 이리저리 검색하면서 highlight.js라는 라이브러리를 발견했고, GitHub Gist를 활용하는 방법도 알게 됐다. 둘 다 써보니 상황에 따라 쓰임이 다르더라고요. 이 글에서 두 가지 방법 다 정리해놓을 테니까 본인 상황에 맞는 걸 골라 쓰면 된다. 블로그스팟에 코드 블록이 없다고? 블로그스팟(Blogger)은 구글에서 제공하는 무료 블로그 플랫폼인데, 글꼴 변경이나 자동 임시저장 같은 기능은 괜찮다. 문제는 개발자에게 필수인 코드 블록 삽입 기능을 기본으로 제공하지 않는다는 거다. 에디터에서 Courier 폰트를 적용할 수는 있거든요. 근데 이걸 코드 블록처럼 쓰면 각 줄이 별도 문단으로 처리되면서 줄 간격이 벌어진다. 보기 흉하다. HTML 보기로 전환해서 <pre> 태그로 감싸면 줄 간격은 해결되지만, 구문 강조(syntax highlighting)가 안 되니까 코드가 시각적으로 묻혀버린다. 그래서 필요한 게 외부 라이브러리다. 블로그스팟은 테마 HTML을 직접 편집할 수 있어서, 여기에 자바스크립...
댓글 쓰기

면책사항

 

면책사항

본 면책사항은 애드센스연구소(adlab1.blogspot.com, 이하 "본 블로그")의 모든 콘텐츠에 적용됩니다. 본 블로그에 접속하거나 콘텐츠를 이용하는 것은 아래 면책사항에 동의하는 것으로 간주됩니다.

시행일: 2026년 3월 31일  |  최종 수정일: 2026년 3월 31일

1. 일반 면책

본 블로그에 게시된 모든 콘텐츠는 정보 제공 목적으로만 작성되었습니다. 블로그 운영자 개인의 경험과 의견, 공개된 자료를 바탕으로 하며, 전문적인 자문(법률, 재무, 기술 등)을 대체하지 않습니다.

본 블로그의 정보를 참고하여 내린 결정이나 행동의 결과에 대해 블로그 운영자는 어떠한 법적 책임도 지지 않습니다. 중요한 결정을 내리기 전에는 해당 분야의 전문가와 상담하시기 바랍니다.

2. 정보의 정확성 및 최신성

본 블로그는 정확한 정보를 제공하기 위해 최선을 다하지만, 모든 정보가 완전하고 정확하며 최신 상태임을 보장하지 않습니다.

특히 구글 애드센스의 승인 기준, 정책, 수익 구조 등은 구글의 재량에 따라 사전 고지 없이 변경될 수 있습니다. 본 블로그에 기재된 정보가 작성 시점에는 정확했더라도, 시간 경과에 따라 더 이상 유효하지 않을 수 있습니다. 최신 정보는 반드시 구글 애드센스 고객센터에서 직접 확인하시기 바랍니다.

3. 수익 관련 면책

본 블로그에서 언급되는 블로그 수익, 애드센스 수입 등의 정보는 일반적인 사례나 개인적인 경험을 공유한 것이며, 특정 수익을 보장하지 않습니다. 블로그 수익은 주제, 트래픽, 지역, 광고 단가, 시장 상황 등 수많은 요인에 의해 달라지므로, 개인마다 결과가 크게 다를 수 있습니다.

4. 구글 애드센스 관련 면책

본 블로그는 구글 또는 구글 애드센스와 공식적으로 제휴하거나 연관된 사이트가 아닙니다. "구글", "애드센스", "AdSense", "Google" 등의 상표는 Google LLC의 자산이며, 본 블로그에서는 정보 제공 목적으로만 사용됩니다.

애드센스 승인 여부는 전적으로 구글의 판단에 달려 있으며, 본 블로그에서 제공하는 정보를 따랐다고 해서 승인이 보장되는 것은 아닙니다.

5. 광고 및 제휴 링크

본 블로그에는 Google AdSense를 통한 자동 광고가 게재될 수 있습니다. 이러한 광고는 Google의 알고리즘에 의해 자동으로 선택·배치되며, 블로그 운영자가 개별 광고의 내용이나 품질을 보증하는 것은 아닙니다.

또한, 일부 포스팅에는 제휴 링크가 포함될 수 있으며, 해당 링크를 통한 구매 시 블로그 운영자에게 소정의 수수료가 지급될 수 있습니다. 제휴 관계가 콘텐츠의 객관성에 영향을 미치지 않도록 노력하고 있으며, 제휴 링크 포함 여부를 투명하게 공개합니다.

6. 외부 사이트 면책

본 블로그에서 링크하는 외부 웹사이트의 콘텐츠, 정확성, 안전성, 개인정보 보호 정책에 대해 본 블로그는 책임을 지지 않습니다. 외부 링크는 독자의 편의를 위해 제공되는 것이며, 해당 사이트를 보증하거나 추천하는 것을 의미하지 않습니다.

7. 댓글 및 사용자 생성 콘텐츠

본 블로그의 댓글란에 작성된 내용은 해당 작성자 개인의 의견이며, 블로그 운영자의 견해를 대표하지 않습니다. 부적절한 댓글은 사전 통보 없이 삭제될 수 있습니다.

8. 개인 의견 표명

본 블로그에 게시되는 리뷰, 비교, 추천 등의 콘텐츠는 블로그 운영자의 개인적인 경험과 견해에 기반합니다. 동일한 제품이나 서비스라도 사용자의 환경, 목적, 기대치에 따라 다른 결과를 가져올 수 있으므로, 최종 판단은 이용자 본인의 기준에 따라 내려주시기 바랍니다.

9. 서비스 가용성

본 블로그는 Google Blogger 플랫폼에서 운영되며, 플랫폼의 기술적 문제, 점검, 정책 변경 등으로 인해 블로그 접근이 일시적으로 제한될 수 있습니다. 이로 인한 불편이나 손해에 대해 블로그 운영자는 책임을 지지 않습니다.

10. 면책사항 변경

본 면책사항은 필요에 따라 수시로 변경될 수 있으며, 변경된 내용은 본 페이지에 게시됨과 동시에 효력이 발생합니다.

11. 문의

본 면책사항에 대한 문의사항은 아래 연락처로 연락해 주시기 바랍니다.

블로그명: 애드센스연구소
URL: https://adlab1.blogspot.com
이메일: suncature@gmail.com 

댓글

댓글 쓰기