본문 바로가기

티스토리5

티스토리 코드 문법 강조 플러그인 - SyntaxHighlight - 스타일비교 그동안 코드 하이라이터 문제로 고민을 참 많이 했었습니다. 처음에 아무것도 모를때는 SyntaxHighlight 설치한다고 몇일 고생하고, 그리고는 티스토리 에디터가 업그레이되면서 코드블럭이 생겨서 새로운 환경에 어떻게 적응해야 할지 몇일 고민하고... SyntaxHighlight 플러그인 티스토리에서 코드블럭이 처음 나왔을 때, 코드블럭은 에디터에서만 사용되는 기능이라는 걸 알고 고객센터에 포스팅 결과물에 코드 하이라이팅이 반영되도록 하는 기능을 추가할 계획은 없냐고 문의까지 했었고, 그런 계획 없음요라는 대답까지 받아서 멘붕이 살짝 온적 있었는데, 결국 이렇게 SyntaxHighlight 플러그인을 도입을 했네요. 하지만 저처럼 예전에 이미 작성해놓은 코드들을 코드블럭으로 다시 수정하기 귀찮은 경우에.. 2019. 10. 23.
Syntaxhighlighter 수정해서 티스토리 코드블럭 인식시키기 후기 2021-05-24 update log: 본 블로그에서는 더이상 Syntaxhighlighter를 사용하지 않습니다. highlight.js + alikong 님이 개발하신 커스텀 코드를 사용하고 있습니다. 2020-05-06 update log: Syntaxhighlighter의 부가 기능을 사용할 수 없었던 문제가 있어서 코드 수정하였습니다. 2020-05-05 update log: 태그를 제거하는 중요한 부분의 언급이 누락되어 추가하였습니다. 티스토리 에디터에 새로생긴 코드블럭이라는 기능을 처음 봤을때 엄청 편할거 같아서 기대가 컸었습니다. 그런데 실제로 쓰고보니 불편한 점도 있고 아쉬운점도있고 고민해야 할 부분도 있었습니다. 그래서 그런 부분들을 개선해서 포스팅을 할때 온전히 글에만 집중할 수 있.. 2019. 4. 18.
티스토리의 새로운 에디터 출시 그리고 highlight.js로 소스코드 이쁘게 하이라이트하기 (Syntaxhighlilghter에서 갈아타기 고민) 티스토리 드디서 새로운 에디터 출시!! 드디어, 티스토리 에디터가 새로 출시되었습니다. 그동안 기존에디터가 아이패드에서 제대로 표시가 되지 않아서 문제가 많았죠. 플래시를 사용하는 사진 업로드 및 임시저장 기능 등 많은 제약이 있었습니다. 이런 단점 때문에 모바일 디바이스 사용성면에서 기존 에디터가 참 답답했었습니다. (기존에디터가 PC에서는 나쁘지 않았던것 같습니다.) 그런데 드디어 새로운 에디터가 출시 되었습니다. 역시 처음이다보니 아직 베타딱지를 달고 나오긴 했지만, 사진 업로드, 링크삽입, 글 스타일 등 여러면에서 신경을 많이 써서 만든 흔적도 보이고, 무엇보다 이제 아이패드에서도 바로 포스팅이 가능해진것에 무한 감동을 느끼고 있었는데... 어! 아닌네... 심각한 문제가 있긴하네요. 아이패드에서.. 2019. 3. 28.
크롬에서 플래시 항상 허용하도록 설정하기 (Chrome71대응 수정) 2019-01-25 update log: Chrome 71업데이트 이후 변경사항에 대응하여 버전 71.0.3578.98에서 사용가능함을 확인 했습니다. 구글 크롬 브라우져는 기본적으로 플래시 사용을 차단하도록 되어 있습니다. 그래서 필요한경우 매번 주소창에 있는 경고표시를 눌러서 허용을 해주어야 하는데, 주로 사용하는 사이트가 플래시 컨텐츠가 있다면 매번 해주기 번거롭습니다. 티스토리에 포스팅 할때, 특히 사진 업로드 할때, 매번 이런창이 떠서 불편하네요. 플래시는 이미 깔려있으나 크롬이 실행을 막아버리기 때문에 이런 메시지가 나옵니다. 그래서 티스토리에서는 플래시를 상항 사용하도록 설정하도록 하려 합니다. 크롬 71 업데이트 전에는 방법이 간단했었습니다. 1. 주소 표시줄에 보면 느낌표 아이콘에 "주의.. 2019. 1. 25.
설치없이 블로그(tistory)에 소스코드 이쁘게 삽입하는 방법 - SyntaxHighlighter 2021-05-24 update log: 본 블로그에서는 더이상 Syntaxhighlighter를 사용하지 않습니다. highlight.js + alikong 님이 개발하신 커스텀 코드를 사용하고 있습니다. 2019-03-27 update log: CDN을 이용한 방법에서 원인을 찾지 못한 문제(PC 크롬 브라우저에서 사이드바 스크롤 먹통)가 발생하여 직접 설치하는 방법으로 갈아탔습니다. 따라서 본 블로그에서는 당분간 아래 CDN을 이용한 방법을 사용하지 않을 예정입니다. 프로그래밍 예제나 여기 저기서 수집한 다양한 코드들을 블로그에 보기 좋게 올리기 위해서 사용되는 다양한 툴이 있답니다. code-prettify, Rainbow, Prism, highlight.js, SHJS, 등등 많은 분들께서 각 .. 2018. 10. 24.