구글 블로그스팟에 code를 예쁘기 넣어보자

블로그에 다양한 글들이 올라가지만, 어떤 누군가는 소스코드를 올리길 원하는 사람이 있을 것이다. 하지만 티스토리에서 코드 블럭을 이용해서 예쁘게 올릴 수 있는 것과 달리 구글의 블로그스팟은 그런 고급진 기능은 제공하지 않는다.

때문에 멋이라곤 하나도 없는 텍스트 형태로 코드가 올라가게 된다.


def hello_world():

    print("성공적으로 적용되었습니다!")

    return True


하지만 그렇게 해서는 가독성이 떨어지고, 보는 사람도 지쳐서 떨어지기 마련이다. 그럼에도 불구하고 블로그스팟은 자유도가 높은 편에 속한 만큼, 필요한 기능은 만들듯이 추가 할 수 있다는 장점이 있다.


이제 밑에서 소개해주는 방법을 따라해보자.


우선, 가장 먼저 해야 할 것은 대시보드에서 레이아웃을 클릭하자. (원래는 테마에서 HTML 수정을 통해서 하는게 기본인데, XML 문법 오류로 인해서 잘 안될 확률이 있다. 특히 Adsens를 노리는 사람이라면.. 더 그럴 수 있다. 때문에, 여기서 소개해주는 방법은 그걸 우회하는 방법이다.


어떤 테마를 사용중인지 모르지만, 레이아웃을 누르면 사이드 쪽에 보통 가젯추가 버튼이 있을 것이다.


이걸 눌러서 HTML/Javascript를 클릭해주자.


이제 여기서 나오는 작은 팝업창에 제목은 비워두고, 내용만 채워주면 된다.


여기서 내용에 채워야 될 부분은 아래와 같다.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/androidstudio.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>


위의 코드를 긁어서 복사하고, 붙여넣기를 하면 이제 적용이 완료가 된 것이다. 이 상태에서 코드를 작성할 때에는 글을 쓸때 HTML 편집 상태로 변경하고 아래와 같은 포멧으로 작성하면 된다.


code class는 내가 올리고자 하는 소스코드에 맞춰서 적당한 용어로 바꿔주면 된다.

그 종류가 정말 많지만 몇가지 간단한 예를 들 겸, 사람들이 자주 쓰는 것들(혹은 내가 쓰는 것들)로 리스트를 만들어 예시를 보여주면 아래와 같다.

  • verilog
  • systemverilog
  • vhdl
  • c
  • cpp
  • python
  • x86asm
  • armasm
  • bash
  • tcl
  • makefile
  • plaintext

이제 자기만의 블로그에서 멋진 코드를 작성해서 사람들에게 소개해보자.


댓글

이 블로그의 인기 게시물

🏠 2026년 수도권 공공 장기전세주택 완벽 가이드

블로그 성공의 열쇠 SEO란 무엇인가? 의미와 중요성 그리고 실전 팁

겨울철 결로현상으로 인한 곰팡이 제거 후기(홈스타)