티스토리에 코딩 코드를 올리는 Synax Highlighter 적용법 및 사용법
티스토리 강좌를 운영하면서 이따금씩 html 혹은 CSS와 관련된 코딩을 올리곤 합니다. 그동안 사용해왔던 방법은 그냥 스크린샷해서 이미지로 올리는 방식을 사용했습니다. 가장 빠르고 확실한 방법이긴 하지만 가독성이 떨어집니다. 특히나 저해상도의 모바일에서는 이 방법은 치명적입니다. 이미지가 극도로 작아져서 코딩을 보이지 않거나, 티스토리 오류 발생 시 이미지가 깨지면 낭패를 겪게 됩니다. 그래서 이 방법을 알게 되었습니다. 코딩 그대로를 가독성을 높인채로 올릴 수 있으며, 이미지로 올리지 않기 때문에 검색엔진 노출에도 효율적입니다. 무엇보다도 깔끔해서 마음에 듭니다. Synax Highlighter 라고 하는 툴을 활용하시면 됩니다. 바로 사용할수는 없고, 티스토리에서 사용하시려면 초반 세팅이 필요합니다..