본문 바로가기
반응형

전체 글1225

[Tistory] SyntaxHighlighter v3 적용 Tistory에 가독성을 위해 아래와 같이 Code를 첨부하는 경우가 많다. 이번 내용은 SyntaxHighlighter를 이용하여 Code 올리는 방법입니다. 아래 사이트에서 style(.css) / scripts(.js) 파일 다운받아 압축해제 * 파일의 경우 공식 사이트에서 정상 파일 권장 Tistory 관리자창에서 [스킨편집] 선택 [html 편집] 선택 ① [파일 업로드] 탭에서 ② [추가] 선택 ③ 다운받은 파일에서 [scripts], [styles] 파일을 모두 ④ 업로드 한 후, ⑤ [적용] ※ 파일을 업로드하면 위치가 image/ 경로 - [HTML] 탭에서 태그 마지막 부분에 css 코드 추가 ※ 마음에 드는 테마의 css 코드 추가 - 태그 마지막 부분에 js 코드 추가 사용방법 [글.. 2021. 2. 15.
[Tistory] [Code Block] Color Scripter 이용하기 Tistroy 블로그에 Code를 가독성 좋게 올리는 방법이 여러가지 존재합니다. 그 중에서 Colot Scripter 활용하는 방법을 소개합니다. Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com Dark Theme를 선호하는 경우에는 "스타일 패키지" 변경 세부 설정을 이용해서 개인에게 맞는 스타일을 구사할 수 있다. 사용할 코드를 입력 후, 우측 하단에 위치한 버튼을 이용하면 된다. ※ 2020년 까지는 Adobe Flash를 통해서 "클립보드에 복사"를 활용하였지만, 서비스가 종료되면서 "HTML로 복사"를 이용해야 한다. Tistory에서 코드 외 다른 부분을 작성한 뒤 HTML 입력창에서 코드 삽입하고자 하는 부분을 찾.. 2021. 2. 15.
[Tistory] Syntax Highlight 플러그인 적용 Tistory 새 글 에디터에는 코드를 시각적으로 잘 보일 수 있도록 "코드블럭" 기능을 제공한다. 하지만 Highlight가 제대로 적용되어 있지 않아 추가적으로 설정이 필요하다. 추가적인 설정이 필요하도록 한 이유는 여러가지 모양이나 방식을 사용자가 선택하도록 지원하기 위함과 이미 스킨에서 highlight를 적용하는 사용자들을 고려했기 때문이다. 코드블럭으로 소스코드 작성하기 코드 블럭 삽입하기 개발자 블로거를 위하여 코드 삽입 기능을 제공합니다. 코드 블럭은 소스코드를 입력하고 보기 좋게 공유하는 것을 돕는 기능입니다. 툴바 메뉴에서 더보기 > 코드블럭을 notice.tistory.com tistory에서도 기본적인 syntax Highlight 플러그인을 지원한다. 플로그인 목록 중 아래 항목 .. 2021. 2. 15.
[Tistory] [Code Block] Gist를 이용한 소스코드 올리기 Gist는 Code snippet을 관리하기 위한 Github 서비스이다. https://gist.github.com/ (Github 로그인 필요) Github에서는 우측 상단 프로필에서 "Your gists" 클릭 후 "+" 모양을 클릭하면 된다. 코드 설명 / 코드이름을 정하고 확장자명 (.cpp / .js / .html / .css )도 함께 입력한다. * 확장자를 통해서 적절한 Highlight를 인식해 적용한다. 코드 입력 후 "Create public Gist" 버튼을 클릭하면 해당 코드가 Gist로 변환되어 저장된다. Gist 생성에 있어서는 크게 2가지 설정이 존재한다. - "secret"은 검색 되지는 않으나 URL을 통해서 직접 접근은 가능하다. (무료) - "public"은 검색 통해.. 2021. 2. 15.
성공적인 한 해를 위한 신년 계획 세우기 새해가 되면 새로운 목표를 생각하고 계획을 세웁니다. 신년 효과도 있고, 지금까지 해보지 못한 것을 생각하는데, 작심 삼일이 되지 않기 위해서는 계획도 체계적일 필요가 있습니다. 지난해와 비교하기 작년에 세운 계획이 있다면 좋겠지만, 처음 계획을 세우는 것이라면 작년에 잘했던 것 / 하지 못했던 것 혹은 아쉬웠던 점을 돌이켜보며 계획해보면 좋습니다. 올해 계획 해두는 것은 남겨두어서 내년에 잘 지킨 부분과 그러지 못한 부분을 비교해보기 좋습니다. 📌 [회고] 2020 블로그 운영 📌 [회고] 조금 늦은(?) 2021 상반기 블로그 회고 구체적으로 계획 세우기 목표 / 방법 / 기한 등을 정해둔다면 막연한 계획보다 실천할 확률 올릴 수 있습니다. 장/단기적인 계획 구분하기 장기적인 계획도 좋지만 단기간에 .. 2021. 2. 15.
각자의 속도(Pace)가 존재한다. ※ 가수 에일리님 명언으로 접한 글로, 좋은 메시지를 갖고 있어서 공유합니다. New York is 3 hours ahead of Calinfornia, but that doesn't make California slow. 뉴욕은 캘리포니아보다 3시간 빠릅니다. 하지만 그렇다고 캘리포니아가 뒤쳐진 것은 아닙니다. Someone graduated at the age of 22, but waited 5 years before securing a good job. 어떤 사람은 22세에 졸업을 했습니다. 하지만 좋은 일자리를 얻기 위해 5년을 기다렸습니다. Someone became a CEO at 25, and died at 50. While another bacame a CEO at 50, and lived.. 2021. 2. 15.
[Tistory] 댓글 이미지와 닉네임 변경하기 Tistory 플러그인 중에는 "블로그 아이콘 표시"와 "홈페이지 아이콘 표시"가 있다. 위 플로그인을 사용해도 아래와 같이 ② 영역에 나란히 표시되지 ① 부분에는 표시되지 않는다. 댓글 가장 앞쪽에 있는 이미지는 Tistory 자체 계정 프로필이다. 따라서 우측 상단에 보이는 프로필을 변경해주어야 한다. 이미지와 닉네임을 변경할 수 있다. 적용 결과는 아래와 같다. 2021. 2. 15.
[Tistory] [Book Club 스킨] 메뉴 설정 Book Club 스킨에서 아래 보이는 "메뉴"를 관리할 수 있다. 관리자 페이지에서 "메뉴" 선택 원하는 항목을 추가 및 삭제할 수 있다. 개인적으로 "방명록" 항목은 문의 사항을 남길 수 있도록 남겨두었다. "태그" 항목의 경우 메뉴보다는 사이드 메뉴를 활용하는 것이 괜찮은 것 같아 삭제했다. 2021. 2. 15.
[후기] Tistory 블로그 이전 2020년에는 반응형 스킨과 (구) 에디터를 이용해서 900여개 글을 포스팅하였습니다. [회고] 2020 블로그 운영 회사를 이직하면서 새롭게 시작한 기술 블로그 2020년 1월 5일 시작한 날, 일일 방문수 3명... "3명" 조차도 신선한 경험이었습니다. 한 해가 끝나가는 현재는 200~300명 정도 방문해주고 있습니다. 개 zoosso.tistory.com 하지만 콘텐츠 주제를 더 다양화하고 스킨 변화가 필요함을 느꼈습니다. 또한, Adobe Flash과 2020년 종료되는 것은 물론 Tistory에서도 더 이상 (구) 에디터 서비스를 종료되어 기존 글들의 수정이 어렵게 되었습니다. ※ https://notice.tistory.com/2580 스킨만 변경하고 디자인 변경하려는 시도도 했지만, 하나를.. 2021. 2. 15.
[Tistory] [Book Club 스킨] 카테고리 개수 설정 Book Club 스킨에서 카테고리 초기 설정 상태는 아래와 같다. 카테고리별 포스팅한 개수가 보이지 않는다. 관리창에서 "카테고리 관리" 아래에 카테고리 세부 설정이 가능하다. 카토게리별 글 수를 "표시"한다면 아래와 같이 보인다. 2021. 2. 15.
반응형

티스토리툴바