고스트(Ghost) 개인 블로그 설정 팁

손으로 매번 테마를 수정하기도 힘들고, 워드프레스는 너무 더 힘들고, 티스토리는 제약이 많고, 네이버는 음 너무 장벽이 높고,  Ghost.org 고스트 플랫폼으로 블로깅을 한 번 해보자. 글쓰기에는 최적으로 되어 있다고 하니 medium.com 처럼 사용할 수 있는 환경이긴 하네.

티스토리에 적은 글들을 하나씩 옮겨 와 둘까 생각중..

Ghost.org 에서 사이트 생성

그냥 설명이 필요없다. 그냥 원하는 대로 넣으면 된다. 이름만 정하면 나머지는 그냥 기본 값으로 하며 된다. 테마도 그냥 젤 처음 나오는 거로 단, 카드 번호 넣을 때 약간 찝찝했지만… 🙂

도메인이 있으면 쉽게 붙일 수도 있다. tech.kblck.com 으로 연동 시켜두고, 연동법은 어렵지 않다. 그냥  CNAME만 추가하면 될 듯

여기 페이지에 자세히 나와 있다.

한글 폰트 적용하기

Admin에서 Code injection 의 헤더 부분에 아래와 같이 복사하세요. 사용한 폰트는 pretendard 한글 폰트 입니다. 폰트 다운로드는 여기를 방문해요

참고한 사이트

A link 새 창 띄우기

코드 추가에 가서 bottom 쪽에 아래 코드를 넣으면, 외부 사이트 접속시에 새창으로 접속이 된다. 즉, target=”_blank” 를 추가해주는 코드라고 할까 🙂

Ghost.org 테마에서 그림 크기 조정

Code Injection 대부분을 해결해야 되네 쩝 암튼 해결이 되네요

마우스 우클릭, 복사 방지 하기

아래 자바 스크립트 코드를 code injection 부분에 추가하면 된다.

글 너비 키우기

글 너비가 너무 좁아서, 요즘 모니터도 다들 크신데 좀 키우고 싶다. 테마를 손 볼 수 없으니 또 code injection에서 그냥 override 해보자.

720px -> 1000px 로 변경, 약간 넓어짐

코드 블럭 syntax highlighting 적용

설명서는 여기를 참고 – Add Prism via Code Injection

  • Site Header에 코드 추가하기
  • Site Footer에 코드 추가하기

짠!! 결과는 아래와 같이 잘 나온다 👍

TOC 추가한 테마 올리기

여기 사이트에 제공된 튜토리얼을 그대로 따라해 봤다.

따라한 결과 파일 테마를 여기에 공유한다. zip 파일을 테마 업로드 해서 사용하면 된다. 다운로드 받은 casper 테마와 비교하면 차이점을 쉽게 알 수 있다.

업로드 방법은 이 페이지를 참고해요> https://ghost.org/tutorials/download-and-upload-a-theme/#upload

아래와 같이 목차가 성공적으로 나오게 되었당 🥰