hexo 포스팅 스타일 설정하기

hexo를 통해 포스팅을 하다보니 테마커스텀에 대한 욕구가 스멀스멀 솟아올랐다. ㅎㅎㅎ;;
메인 이미지도 그리고 아이콘이나 위젯들의 위치도 이곳 저곳 옮겨보기도 하면서
나름 나만의 스타일로 하나씩 바꿔나가는 재미가 있었다,

아래 내용들은 현재 제가 사용하고 있는 icarus 테마를 기준으로 작성한것입니다.
다른 테마에서는 다른 방법이 있을 수 있습니다.

그렇게 블로그를 조금씩 꾸미고 여러가지 포스팅들도 올리고 하다가 한 가지 의문이 생겼다.
바로 포스트 리스트에서 사용하는 위젯들을 _config.yml 에서 설정으로 잡아 주었는데
포스트 상세페이지에서도 똑같이 노출이 되다보니 포스트 본문의 가로 넓이가 너무 적게 보인다는 점이었다.

Disqus를 사용하여 댓글 기능 세팅하기

오늘은 블로그의 세팅중 한가지인 댓글 기능을 세팅하는 방법에 대해 포스팅해보겠습니다. 사실 hexo 테마들의 대부분은 여러 댓글 시스템들을 간편하게 세팅 할 수 있도록 되어있습니다.
그 중에 디스커스(Disqus)를 사용하여 댓글 기능을 세팅해보겠습니다.

디스커스(Disqus)란?

디스커스는 소셜 댓글 서비스의 하나입니다. 소셜 댓글 서비스란 소셜미디어(SNS)를 활용한 댓글 시스템으로 페이스북,트위터 와 같은 SNS와 연동해서 댓글을 달 수 있게 만들어 주는 서비스입니다. 소셜 댓글 서비스를 활용하여 댓글을 달면 동시에 해당 댓글이 자신이 연동한 SNS에도 발행이 됩니다.
별도의 댓글시스템을 구현할 필요없이 디스커스에서 제공하는 위젯을 설치함으로 사용 할 수 있는 것이 장점입니다.

쿠팡파트너스 Hexo 블로그에 등록하기

모든 블로거들의 목표중에 하나인 블로거를 통한 수익창출을 시도해 보았습니다.
물론 큰 기대는 하지 않습니다 ㅎㅎㅎ;;;
많은 광고 시스템중에서 오늘 해볼것은 간단하게 설치가 가능한 쿠팡 파트너스 입니다.

쿠팡 파트너스는 CPA 방식의 광고 시스템입니다.

CPA란?

Cost Per Action 의 줄임말입니다. 변역하자면 ‘행위 당 과금’ 방식입니다.
단순히 광고를 클릭하는 것으로 수익배분이 일어나는 것은 아니고 광고를 클릭해서 사이트로 접속하여 제품을 구매했을 때, 제품 구매가의 3%가 포인트로 적립되는 방식입니다.

hexo 블로그에 테마 적용하기 - icarus테마

hexo를 이용해서 github블로그를 만들었습니다. 이제는 나만의 색깔을 입혀볼 테마를 적용해 보겠습니다.
블로그 세팅 방법은 지난 블로그를 참고하면 좋을것 같습니다. ^^

hexo블로그에 테마를 입히는 방법은 사실 아주 간단 합니다.
git을 이용하여 clone만 해주면 됩니다. 하지만 테마들마다 사용방법이나 설정법이 약간씩 다르고 자신의 색깔에 맞게
커스텀을 하려고 한다면 점점 복잡해 집니다.
테마마다 설정방법이 다르기 때문에 이번 포스팅에서는 제가 적용한 icarus테마를 기준으로 설명하겠습니다.

Hexo 배포 원리에 따른 백업 방법

Hexo를 이용해서 블로그를 만들고 관리 하다보니 문제점을 하나 발견했다.
바로 백업에 관한 문제인데 Hexo 블로그는 Github에 repository를 통해 구성되어 있으니
다른 곳에서 작업할때 그것을 clone해서 수정하면 된다고 생각했다.

그러나 다른 곳에서 clone을 해보고는 문제가 있음을 알수 있었다.
라이브되는 repository에 올라가는건 public 폴더의 내용이라 실제로 작업한 것은 올라가지 않는다는 것을 말이다.

그래서 해결책으로 별도의 repository 하나를 생성하여 별도로 백업을 하기로 했는데
이 방법도 문제가 있었다. Hexo의 테마들을 각자의 git을 가지고 있어서
git 안에 git이 있어 재대로 관리가 되어지지 않았다.

그래서 검색을 통해 알아보다가 git의 서브모듈(submodule)을 이용해서 백업 하기로 했다.

Hexo 블로그 Github를 이용해 만들어보기

블로그를 만들고 꾸미다 보니 나같은 사탐들이 많을 거라는 생각에서
Hexo를 이용해 Github 블로그 세팅 하는 방법들을 처음부터 하나씩 보고자 한다.

Hexo

Hexo는 Node.js 기반의 정적 사이트 생성기(Static site generator)이다.
Hexo 공식 사이트에서는 빠르고 간단하고 파워풀한 블로그 프레임워크라고 소개하고 있다.
npm을 통해 쉽게 설치가 가능하고 배포역시 쉽게 가능한 것이 장점이다.
한글문서로도 잘 정리가 되어있으니 참고 하길 바랍니다. Hexo 한글 튜토리얼

설치 전 준비

Github를 이용하여 Hexo 블로그를 세팅 하려고 하기때문에

위의 구성요소들의 사전 설치가 필요하다. 위에 설치 방법들은 이번 포스팅에서는 따로 언급하지 않고 공식사이트로의 링크들만 걸어 놓겠습니다.

Hexo 검색엔진 최적화(SEO) 시켜보기

Hexo 블로그를 만들고 나서 이번에 적용해 보려고 하는 것은 검색엔진 최적화(SEO)였다.
다행히 Hexo에는 SEO관련 플러그인들이 많이 있었다.
그 중에 많이 쓰이고 해당 블로그에 적용한 플러드인들을 소개합니다.

SEO


SEO란?
영어로 Search Engine Optimization 의 약자이며, 검색엔진 최적화 라는 의미를 가지고 있습니다.
검색엔진에 맞게 사이트를 제작 및 운영하는 과정 전부를 뜻합니다.

Hexo 포스팅 방법

이전 포스팅 에서 Hexo 블로그의 세팅 방법과 간단한 글쓰는 방법 그리고 SEO세팅 등에 대헤 알아보았습니다.
Hexo는 간단한 포스팅 외에도 다양한 기능의 포스팅 방법을 제공해 줍니다.
이번에는 포스팅 방법에 대한 내용들을 정리해 보겠습니다.

글쓰기(Writing)


hexo 명령어를 사용하여 새로운 포스팅의 마크다운 파일을 생성해 줍니다.

bash
1
2
hexo new <layout> <포스트이름>
hexo new <포스트이름> # layout을 지정하지 않으면 기본으로 post을 생성합니다.

위 명령어를 실행하면 \source_posts 폴더에 포스트이름.md 으로 새로운 마크다운 파일이 생성됩니다.
파일명에 띄어쓰기가 있다면 하이픈(-)으로 표시됩니다.

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×