본문 바로가기
반응형

전체 글1225

[Tistory] 마우스 복사 금지 불펌 방지를 위해 자신의 글을 손쉽게 무단 복제할 수 없기 위한 방법입니다. ① [관리자 페이지]로 들어가서 [플러그인] 선택 ② 『마우스 오른쪽 클릭 방지』 검색 후 선택 ③ [적용] 후, 본인 계정 로그 아웃 후 확인할 수 있다. 2021. 2. 16.
Tistory 반응형 스킨 #2 카테고리 글 개수 설정 Tistory에서 무료로 제공하는 반응형 스킨 #2을 사용하는 경우에는 초기 설정에서는 아래와 같이 각 분류별 글 개수를 표시하지 않습니다. 하지만 CSS 속성을 변경한다면 아래와 같이 글 개수를 표시할 수 있습니다. ① 94, 95번째 줄에서 아래와 같은 CSS 속성을 찾습니다. .tt_category li a .c_cnt, .tt_category li a img {display :none} ② display :none 속성을 지워줍니다. (보이지 않게 하는 설정을 없애는 것입니다.) 변경한 속성을 [적용]한 후 확인합니다. 2021. 2. 16.
[Tistory] 블로그 새 글 쓰기 하루 최대 발행 개수 제한 전문 블로거가 아니라면 하루에 새롭게 글 쓰는 개수가 많지 않겠지만 블로그를 이전하면서 기존 글들을 옮기다보니 하루에 새롭게 발행할 수 있는 개수가 있다는 것을 알게 되었다. 위와 같이 하루에 최대 15개까지 발행할 수 있는데, 작성한 글을 "임시 저장" 해놓아도 되지만 "비공개"로 저장한 뒤 하루 지나고 새롭게 발행할 수도 있다. 이와 관련해서 현재 Tistory 정책은 아래와 같다. 과거에는 Tistory 가입을 위해 기존 사용자들에게 초대장을 받아야 했지만 현재는 큰 제한이 없는편이고 대신에 새롭게 발행할 수 있는 개수 제한이 강해졌다. 하나의 계정에서 다수 블로그를 운영하고 있다면 참고하면 좋을거 같다. 2021. 2. 16.
Tistory 블로그 개설하는 방법 과거 Tistory 에는 기존 블로거에게 [배포된 초대장]을 댓글로 신청하여 받아야만 (관련 기사) 티스토리 블로그 개설이 가능했지만 [초대장 제도]가 사라지면서 제한이 비교적 자유로워졌다. 1. 티스토리에 로그인 후 계정 관리 이동 ( https://www.tistory.com/ 에 들어가서 회원가입) * 네이버와 같은 다른 계정 메일 주소만 있으면 가입 가능 2. 내 블로그 메뉴에에서 블로그 개설 (운용 가능한 블로그 개수, 블로그 개설 가능 횟수 제한이 있음) 3. [새 블로그 만들기] 클릭 [블로그 이름], [블로그 주소] 설정 ※ 기본적으로 반응형 스킨 #1 로 설정된다. 설정된 것을 확장할 수 있으며, 처음부터 새롭게 만들 수 있다.) 2021. 2. 16.
CDN(Contents Delivery Network) 이란? CDN(Contents Delivery Network) 분산되어 있는 서버 그룹에서 특정 Contents를 빠르게 전달 할 수 있는 서비스를 의미한다. HTML / JavaScript 파일, CSS, Image 등 전송할 수 있다. CDN을 사용하는 장점 중 하나는 DDOS (Distributed Denial of Service) 공격과 같은 일부 악의적인 공격으로부터 웹 사이트를 보호하는 데 도움이 된다. 이외에도 CDN은 호스팅 대역폭을 줄이기 위해 캐싱을 사용하기도 한다. Web Programming을 하다보면 jQuery를 사용하는 경우가 있는데 이러한 jQuery를 사용하는 방식도 크게 파일 직접 다운로드 & CDN 방식이 존재한다. jQuery 파일은 http://jquery.com/downl.. 2021. 2. 16.
[Tistory] Highlight.js 적용 Tistory 블로그에서 코드 블럭을 시각적으로 보기 좋게 만들어주는 highlight.js 적용하는 방법을 소개합니다. (Syntax Highlighter와 유사한 기능) Highlight.js는 테마가 다양하며, 사용가능한 언어가 많다. 또한 문서화가 잘 되어 있으며, customizing이 가능하다. Syntax highlighter는 각 언어마다 js 파일(ex. shBrushCpp.js 등)이 각각 있었다면 highlight.js는 사용할 언어가 코어 파일에 모두 포함되는 단일 파일 형식이다. ※ https://highlightjs.org/ https://highlightjs.org/download/ 사이트에서 필요한 언어를 선택한 후 다운로드 만약 CDN 방식으로 적용시킨다면 파일을 받지않아도.. 2021. 2. 15.
[Tistory] Code Block 디자인 비교 해당 게시글은 Tistory 글 작성 시 Code Block에 적용할 수 있는 방법을 설명합니다. 기술 블로그를 개인적으로 운영하면서 Code Block에 대한 고민을 많이 가졌습니다. 가독성 있는 Code를 위해서는 세련된 모양의 Code Block을 선택해야 했습니다. 해당 작업을 위해서 글쓰기 작업이 생각보다 더 오래 걸리고, 번거로움도 많이 있었습니다. 기존에 많이 선택했던 방식은 Color Scripter였지만, Adobe Flash가 종료되면서 제가 이용했던 방법이 어려워져 다른 방식을 여러가지 시도해보았지만... 여러가지 사정으로 본문과 Code를 구분하는 최소한의 Style을 선정하기로 했습니다. Tistory에서는 Code Block을 편집할 때, 수작업이 동반되기 때문에 가급적이면 한가.. 2021. 2. 15.
[Tistory] highlightjs-line-numbers.js 적용 highlight.js 적용 후 줄 번호를 적용하는 방법을 소개합니다. 먼저 아래 글을 보는 것을 권장합니다. [Tistory] Highlight.js 적용 Tistory 블로그에서 코드 블럭을 시각적으로 보기 좋게 만들어주는 highlight.js 적용하는 방법을 소개합니다. (Syntax Highlighter와 유사한 기능) Highlight.js는 테마가 다양하며, 사용가능한 언어가 많다. zoosso.tistory.com https://github.com/wcoder/highlightjs-line-numbers.js에 접속해서 파일 다운 ※ 파일을 다운 받지 않고 CDN 방식으로도 가능 다운로드 받은 파일을 tistory에 업로드 설정에서 "스킨 편집" 선택 "html 편집" 선택 "파일업로드" .. 2021. 2. 15.
[Tistory] Code Block 가로 스크롤 highlight.js가 적용된 code block에 가로 스크롤 기능을 추가해주는 내용 - [Tistory] Highlight.js 적용 - [Tistory] highlightjs-line-numbers.js 적용 Syntax Highlight의 경우에는 기본적으로 가로 스크롤이 제공되지만 Highlight.js의 경우에는 그렇지 않은 경우가 발생한다. ※ version에 따라 설정하지 않아도 될 수도 있다. 만약 한 줄의 코드가 충분히 길었을 때, 가로 스크롤 없이 강제로 다음 줄로 넘어가는 경우에는 가독성이 현격하게 떨어진다. 이는 모바일 환경이라면 더욱 심할 것이다. tistroy 블로그 설정에서 "스킨 편집" 선택 "html 편집" 선택 "css" 선택 후 코드 추가 .hljs { white-s.. 2021. 2. 15.
[Tistory] Syntaxhighlighter v4 적용 https://github.com/syntaxhighlighter/syntaxhighlighter (※ 기존에 3.0.83에서 version up 되었습니다.) 현재 시점에서는 Linux나 OS X에서 빌드가 용이하며, 이 과정은 추후 업로드 하겠습니다. (공식 사이트에서 정상 빌드하여 사용하시길 권장드립니다.) Tistory 적용에 필요한 파일은 아래 3가지 입니다. - theme.css - syntaxhighlighter.js - syntaxhighlighter.js.map ※ 파일을 블로그에 업로드 하는 방법은 아래 링크에 작성된 방법 참고 [Tistory] SyntaxHighlighter v3 적용 Tistory에 가독성을 위해 아래와 같이 Code를 첨부하는 경우가 많다. 이번 내용은 Synta.. 2021. 2. 15.
반응형

티스토리툴바