Ghost

A collection of 10 posts
Ghost Casper 테마 메인 헤더 높이 변경하기.
Ghost

Ghost Casper 테마 메인 헤더 높이 변경하기.

안녕하세요. 달소입니다. 이번글은 기본적으로 높게 설정되어있는 ghost Casper의 메인 헤더의 높이를 변경하는방법입니다. Casper테마가 거의 다좋은데 살짝 아쉬운 부분이 이 헤더의 높이부분인데요. CSS에서 간단하게 수정이 가능합니다. 먼저 /ghost 의 관리자 페이지로 진입 후 아래 설정 -> Codeinjection으로 이동해줍니다. 그리고 <style> 태그를 만들어서 안에 아래처럼 css를 넣어주시면됩니다. 높이는 원하는만큼
2 min read
Ghost 블로그에서 목차 만드는법.
Ghost

Ghost 블로그에서 목차 만드는법.

안녕하세요. 달소입니다. 이번글은 Ghost 블로그에서 기본테마 Casper에 목차를 생성하는 방법입니다. Ghost의 장점은 기본테마가 예쁘고 사용성이 높은것도 한몫하는데 여기에 공식 블로그에서 플러그인은 아니지만 추가 셋팅하는방법을 가이드해줘서 쉽게 적용했습니다. 목차 적용 전 휑함 목차 적용 후 헤딩값으로 작성된 항목에 대해서 좌측에 목차가 생성됩니다. 적용 방법 적용을 하기위해서는 사용하는 환경에 따라서 컨테이너나 서버의
2 min read
Ghost 컨텐츠 내용 넓이 커스텀하기.
Ghost

Ghost 컨텐츠 내용 넓이 커스텀하기.

안녕하세요. 달소입니다. 오늘은 블로그호스팅용 오픈소스프로젝트인 Ghost에서 불편한점이였던 Content 넓이를 넓히는 방법입니다. 저같은경우 기본테마로도 만족을하기때문에 기본테마인 Casper를 기준으로하지만 다른테마를 사용하고계신다면 비슷한 과정으로 css를 수정해주시면됩니다. 제가 원하는건 아래정도 넓이(1200px) 인데 실제로 컨텐츠를 보면720px만 사용하고있어서 아무래도 답답한 느낌이 들어서 1200px로 변경해보겠습니다. 테마 컨텐츠 css 수정하기 저 같은 경우 도커를 사용하기때문에 docker 컨테이너
2 min read
Docker Ghost Blog에 ads.txt 적용하기.
Ghost

Docker Ghost Blog에 ads.txt 적용하기.

안녕하세요 달소입니다. 블로깅 플랫폼을 운영하는 목적중 하나인 애드센스를 적용하면 아래처럼 ads.txt를 적용하라는 메시지가 나옵니다. 보통은 nginx의 홈디렉터리에 넣어주면 해결되는 문제인데 ghost의 경우 node.js를 사용하고 또한 저처럼 docker를 사용하시는경우 삽질을 하지마시라고.. 미리 작성해봅니다 ㅎㅎ 설치환경 alpine linux 3.5 docker로 설치한 ghost winscp putty ads.txt 파일 업로드하기 먼저
3 min read
Ghost Blog 구글 Analytics 연동하기.
Blog

Ghost Blog 구글 Analytics 연동하기.

안녕하세요. 달소입니다. 이번글에서는 블로깅 플랫폼인 Ghost에서 구글 Analytics 를 연동하는 방법입니다. 구글 Analytics를 연동하게 되면  실시간으로 운영 하고있는 웹사이트/블로그에서 어떤글이 몇명이나 보고 있는지 알 수 있습니다. 추가로 사용자 분석도 해주고 자주 방문하는 페이지등을 알수 있기 때문에 유용하게만 사용하신다면 사이트 운영하실 때 도움이 되리라고 생각 합니다. 추적 코드 확인하기 준비물은
2 min read
Ghost 블로그에서 Subcribe 버튼 없애는방법.
Blog

Ghost 블로그에서 Subcribe 버튼 없애는방법.

안녕하세요. 달소입니다. 오늘은 Ghost를 초반에 사용하면서 사용하지않는 버튼인 Subscribe 를 없애는 방법입니다! 여기서는 기본 Subcribe 버튼 뿐만아니라 메뉴 상단의 소셜버튼과 최하단 밑에있는 구독버튼도 포함입니다.(원래 Subcribe만 목적이였는데.. 하나하나 거슬리는게 많아져서 업데이트합니다ㅎ) 사실 Ghost의 가장 큰 장점이자 특이점이라고 볼수 있지만 저 같은경우 별도의 커뮤니티도 사용하고 있고.. 사용하기 위해서는 이메일 서비스도 사용해야
3 min read
웹사이트 운영시 반드시 해야할것. - 네이버 검색 노출
Blog

웹사이트 운영시 반드시 해야할것. - 네이버 검색 노출

안녕하세요. 달소입니다. 이번에는 Ghost블로그 뿐만아니라 웹사이트를 운영하시는분들께서 반드시 해야하는 1순위인 네이버 검색엔진 노출편입니다. -서론은 구글편과 동일합니다 ㅎ 구글편은 아래 링크를 참고해주세요. 웹사이트 운영시 반드시 해야할것. - Google 검색 노출안녕하세요. 달소입니다. 이번에는 Ghost블로그 뿐만아니라 웹사이트를 운영하시는분들께서 반드시 해야하는 1순위인 구글 검색엔진 노출편입니다. 웹사이트를 운영하는 목적중에하나는 자신의 글을 인터넷에 노출시키고 사용자들이 글을
4 min read
웹사이트 운영시 반드시 해야할것. - Google 검색 노출
Ghost

웹사이트 운영시 반드시 해야할것. - Google 검색 노출

안녕하세요. 달소입니다. 이번에는 Ghost블로그 뿐만아니라 웹사이트를 운영하시는분들께서 반드시 해야하는 1순위인 구글 검색엔진 노출편입니다. 웹사이트를 운영하는 목적중에하나는 자신의 글을 인터넷에 노출시키고 사용자들이 글을 보게끔 하는것인데요.(물론 광고를 위해..) 이러한 검색유입은 단순히 웹사이트만 만든다고 되는게 아닙니다. 물론 아무것도 하지않아도 구글이나,bing등 크롤러를 통해 나의 사이트를 수집해서 노출시켜주기도 합니다만.. 아무래도 직접 제공해주는것만큼 효과적인것은
3 min read
Ghost 블로그 마크다운 에디터 익숙해지기.
Selfhosting

Ghost 블로그 마크다운 에디터 익숙해지기.

안녕하세요. 달소입니다. 이번 글은 Ghost의 에디터를 사용하는 방법에 대한 글 입니다. 기존에 워드프레스나 라이믹스의 위지윅 에디터를 주로 사용하다보니 마크다운 에디터가 익숙하지않습니다. 마크다운 에디터의 경우 잘만 사용할 경우 많은 편의성을 제공해주나 위지윅에 익숙해진 저같은 초보자의 경우 코드 삽입부터 애를 먹었습니다. Ghost에서 제공해주는 에디터 사용방법에 대한 공식문서를 통해 조금 더 편하게 쓰시면
10 min read
Ghost 기본 테마에서 feature image 크기 조정하기.
Selfhosting

Ghost 기본 테마에서 feature image 크기 조정하기.

안녕하세요. 달소입니다. 이번글은 Ghost 블로그의 기본테마에서 비정상적인 feature image 크기를 조정하는방법입니다. 기본 테마에서 feature image를 추가할 경우 아래처럼 글의 몰입도 깨고.. 작은 해상도의 사진을 넣으면 다 깨져보이기도합니다. 해결방법은 Code Injection을 통해서 해당 사진이 표기되는 css를 수정해서 가로 및 세로 높이를 조정해보겠습니다. 코드수정하기 먼저 Ghost의 관리자 페이지로 간다음 설정 ->
2 min read