끄적끄적/블로그꾸미기

아래 사이트에서 폰트를 eot, woff 로 변환시킨 후 파일업로드합니다. onlinefontconverter Online font converter converts fonts to/from: .dfont .eot .otf .pfb .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc, .pdf & .woff onlinefontconverter.com CSS 편집에서 body 태그에 font를 추가

CSS 편집에서 pre 태그에 white-space: pre-wrap; 코드를 추가 코드 추가 전 코드 추가 후

$ bundle exec jekyll serve --draft Configuration file: D:/github/[깃허브ID].github.io/_config.yml Dependency Error: Yikes! It looks like you don't have tzinfo or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. If you've run Jekyll with `bundle exec`, ensure that you have included the tzinfo gem in your Gemfile as well. The full err..

Codinfox-Lanyon 커스터마이징 설정 1. 불필요한 파일 삭제 $ cd codinfox-lanyon $ rm -rf .editorconfig README.md \_posts 2. _posts, _drafts 폴더 생성 _drafts : 포스트 초안이 담기는 곳. 배포되지 않고 테스트 환경에서 보기가 가능. _posts : 배포될 포스트들이 담기는 곳. $ mkdir \_drafts \_posts 3. _includes 수정 _includes/head.html {{ site.title }} · {{ site.tagline }} {{ site.tagline }} _includes/sidebar.html 프로필 이미지 수정 프로필 상세 공지 추가 라이센스 삭제 Currently version 삭제 4..

Codinfox-Lanyon 테마 적용 1. github에 블로그 저장소 생성 github 로그인 저장소 [깃허브id].github.io 생성 $ git clone https://github.com/[깃허브id]/[깃허브id].github.io.git 2. Codinfox-Lanyon 테마 설치 $ git clone https://github.com/codinfox/codinfox-lanyon.git $ copy codinfox-lanyon/* [깃허브id].github.io/ 3. .gitignore 파일 수정 # 내용 추가 *.gem *.sublime-project *.sublime-workspace .bundle .DS_Store .jekyll-cache .jekyll-metadata .sass-c..

macOS에 Jekyll 설치 1. 명령줄 도구 설치 $ xcode-select \--install2. 루비 설치 (2.4.0 이상) $ /usr/bin/ruby \-e "$(curl \-fsSL )" $ brew install ruby $ echo 'export PATH="/usr/local/opt/ruby/bin:$PATH"' \>> ~/.zshrc $ ruby \-v3. Jekyll 설치 (On Mojave 10.14 이상) $ sudo gem install bundler $ sudo gem install \-n /usr/local/bin/ jekyll4. homebrew 이용하여 git 설치 $ brew install git $ brew upgrade gitReferences Jek..

HOME 구글웹마스터도구 사이트 구글 웹마스터도구에 검색등록 네이버 웹마스터도구에 등록을 이어 제 2탄!! 구글 웹마스터도구에 검색등록하기 티스토리 블로그를 만들면 누구나 하는 작업이 있다. 검색등록!! 블로그를 막 시작한 상태라면 구글 검색에 포스팅 글이 노출 안 되는 경우가 많다. 구글 검색에 블로그 포스팅 글이 노출되도록 검색등록하는 방법을 설명하려고 한다. 맨 위 링크를 통해 구글 웹마스터도구 사이트로 이동한다. 네이버에서 등록했던 방법과 동일하게 구글에서도 아이디가 아이디가 있어야 한다. 먼저 로그인을 하자. Search Console 페이지에서 티스토리 블로그 주소를 입력하고 속성 추가 클릭! 네이버 웹마스터도구에서 등록했던 방법과 동일하게 HTML 태그 방식을 클릭한다. 위 그림에서 [메타태..

HOME네이버웹마스터도구 사이트 네이버 웹마스터도구에 검색등록 티스토리 블로그를 만들면 누구나 하는 작업이 있다. 검색등록!! 블로그를 막 시작한 상태라면 네이버 검색에 포스팅 글이 노출 안 되는 경우가 많다. 네이버 검색에 블로그 포스팅 글이 노출되도록 검색등록하는 방법을 설명하려고 한다. 맨 위 링크를 통해 네이버웹마스터도구 사이트로 이동한다. 티스토리 블로그를 등록하려면 네이버 아이디가 있어야 한다. 먼저 로그인을 하자. 연동 사이트 목록에서 티스토리 블로그 주소를 입력하고 추가 클릭! 사이트 소유 확인 작업을 해야 티스토리 블로그가 네이버 검색에 제대로 반영된다. 가장 쉬운 방법인 HTML 태그 방식을 클릭한다. 위 그림에서 [메타태그] 값을 복사하여 티스토리 블로그에 HTML 태그를 붙여넣어야 ..

블로그 스킨을 CCZ-CROSS로 변경했다. HOME CCZ-CROSS 스킨 배포 REPO CCZ-CROSS GitHub DEMO CCZ-CROSS 스타일&구조

마우스 우클릭 금지하기 방법1. 티스토리 내 플러그인을 사용방법2. HTML 파일을 수정 방법1. 티스토리 내 플로그인으로 우클릭 금지하기 ▼ 티스토리 관리자페이지에서 [ 플러그인 ] 항목을 클릭합니다. ▼ 전체 플러그인 페이지에서 맨 위쪽에 [ 보기 ] - [ 스팸/불펌 방지 ]를 클릭합니다. ▼ '마우스 오른쪽 클릭 방지' 플러그인을 클릭합니다. ▼ [ 적용 ]을 누르면 설정이 완료 됩니다! 방법2. HTML 파일 수정을 통해 우클릭 금지하기 ▼ HTML 설정으로 들어가서 [ Ctrl + F ] 키를 눌러 의 위치를 찾습니다. ▼ 부분 바로 위에 아래의 소스코드를 삽입합니다.

드래그 색상 변경 화면 드래그 색상을 변경해준다.IE9부터 지원하니 다양하게 활용할 수 있다. 코드 ::-moz-selection { color: #fff; background-color: #333; } ::selection { color: #fff; background-color: #333; } 수정전 수정후

SyntaxHighlighter 포스팅을 하다 보면 소스코드를 공유할 때가 많은데, 코드를 그대로 복사하면 주석이랑 실제 본문이랑 구분이 안가 눈에 잘 안 들어오고코드가 길면 그림으로 캡쳐해서 올리게 되니 사용하려면 타이핑해야 하는 불편한 점이 있었다. 다른 블로그를 살펴보니 소스코드를 작성할 때 SyntaxHighlighter를 사용한다는 것을 알게되었다.SyntaxHighlighter 플러그인을 이용해서 소스코드를 깔끔하게 올려보자!! ▼ SyntaxHighlighter 홈페이지http://alexgorbatchev.com/SyntaxHighlighter/ SyntaxHighlighter 설치하는 방법1. 티스토리에 SyntaxHighlighter 소스파일을 업로드한다.2. 티스토리 HTML 소스코드..