로그인

소스코드 테마 SytaxHiglighter 설치

makingrobot.tistory.com

소스코드 테마 SytaxHiglighter는 최근에 프로그램 소스를 소개하는 블로그에서 많이 사용하고 있습니다. 현재 버전 4까지 제공하고 있으며 개발 사이트에서 무료로 다운로드 받을 수 있습니다. 아래의 사이트..

조회 113 2026-08-18 등록

소개

이 글은 로봇 개발자가 운영하는 기술 블로그 MakingRobot에 실린 글로, 티스토리 블로그에 SyntaxHighlighter를 설치해 프로그래밍 코드를 보기 좋게 표시하는 방법을 설명합니다. 2018년 9월에 작성되었습니다. SyntaxHighlighter 3.0.83 버전을 내려받아 scripts·styles 폴더의 파일을 블로그 스킨에 업로드하고, HTML head 태그에 스크립트 코드를 넣은 뒤, 글을 쓸 때 <pre class="brush: cpp"> 형식으로 코드를 감싸는 순서로 안내합니다. 블로그에서는 Arduino, Python, ROS, Linux 등도 다룹니다. 티스토리에서 소스코드를 색상 구분된 형태로 게시하려는 개발 블로거에게 참고가 됩니다.

태그

의견 0

로그인하면 의견을 남길 수 있습니다.

아직 의견이 없습니다. 첫 의견을 남겨보세요.

비슷한 사이트

텍스처X

www.texturex.com

배경에 쓰기 좋은 패턴들을 무료로 받는 곳, 텍스처X 웹사이트 배경이 그냥 공백인 것도 좋지만 경우에 따라서는 예쁜 배경이 있으면 좋을 때가 있어요. 소소한 이야기 블로그라면 엽서 같은 느낌을 주고 싶을 때도 있고, 혹은 기계와 관련된 블로그라면 금속성 배경을 넣고 싶겠죠? 뭐 그 외에도 다양한 다른 경우가 있을 것 같아요. 그런데 딱 어울리는 배경을 찾는다는 게 의외로 어렵습니다. 막 쓰면 저작권에 걸리는 경우도 많고요. 그런데 배경으로 쓰기 좋은 패턴들을 무료로 제공해주는 곳이 있네요. 텍스처X라는 사이트입니다. https://www.texturex.com 금속성, 화염, 벽돌, 천, 빛, 나무, 돌 등 여러 느낌의 이미지들을 제공해 주고 있는데요. 여기도 그 수가 너무 많아서 딱 맞는 걸 고르기가 오히려 힘드네요...ㅎㅎ 게다가 이 사이트의 획기적인 점이 또 있어요. 자신이 스스로 패턴을 만드는 방법도 배울 수 있다는 건데요. 사이트 홈 화면 메뉴의 맨 오른쪽에 있는 'About'를 누르면 사이트의 철학을 소개하면서 자신의 기술을 쌓을 수 있는 코너가 준비돼 있어요. 다 영어로 되어 있지만, 구글 번역기가 요새 워낙 잘 되어 있으니 뭐... 크게 걱정은 안 하셔도 됩니다...ㅎㅎ 자신만의 배경을 찾거나 만들어서 좀 더 예쁜 블로그나 홈페이지를 만들고 싶다면, 텍스처X 잊지 마세요!