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

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

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

그래서 해결책으로 별도의 백업 repository 하나를 생성하여 별도로 백업을 하기로 했는데 이 방법도 문제가 있었다.
Hexo의 테마가 별도의 git을 가지고 있어서 하나의 백업 repository만으로는 완벽하게 백업 관리가 어려웠다 그래서 두개의 백업 repository와
한개의 라이브 repository를 가지고 총 3개의 repository를 가지게 되었다.

러닝 자바스크립트 스터디 자료 - CHAPTER 3. 리터널과 변수, 상수, 데이터 타입

CHAPTER3 은 데이터에 관한 내용들이었는데, 많은 부분들이 개념정도만을 이야기하고 나머지는 뒤에서 자세하게 설명한다고 생략되어있는 부분들이 많았다.
이번 포스팅에서도 간단하게 개념들만 정리하고 추후에 다시 언급하는 방법을 취하겠다.

변수와 상수

  • 변수 : 언제든지 변할 수 있는 값
  • 상수 : 한번 할당한 값을 바꿀 수는 없다.

변수 선언시 초기값을 할당하지 않으면 암묵적으로 undefined를 할당한다.
let, const 키워드는 ES6에서 새로 생겼다.
상수 이름에는 보통 대문자와 밑줄만을 사용하는데 절대적이지는 않다.

러닝 자바스크립트 스터디 자료 - CHAPTER 2. 자바스크립트 개발 도구

CHAPTER 2. 자바스크립트 개발 도구에서는 제목 그대로 개발도구들에 대해서 설명하고 세팅하는 방법에 대해서 나와있었다. 책에있는 개발도구들을 정리해보면 아래와 같다.

  1. Git : 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템
  2. node.js : 확장성있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼
  3. npm(노드 패키지 매니저/Node Package Manage ) : 자바스트립트 프로그래밍 언어를 위한 패키지 관리자
  4. gulp : 반복작업을 자동화하는 빌드도구의 하나
  5. babel : ES6/ES7 코드를 ECMAScript5 코드로 트랜스파일링(transpiling) 하기 위한 도구
  6. ESlint : ES + Lint입니다. ES는 EcmaScript, 즉 자바스크립트를 의미. Lint는 보푸라기라는 뜻인데 프로그래밍 쪽에서는 에러가 있는 코드에 표시를 달아놓는 것을 의미. 자바스크립트 소스 코드가 코딩 규칭을 준수하는지 확인하기 위해 소프트웨어 개발에 사용되는 정적코드분석 도구

러닝 자바스크립트 스터디 자료 - CHAPTER 1. 첫 번째 애플리케이션

이 포스팅은 시리즈는 러닝 자바스크립트 스터디를 하면서 개인적으로 정리의 필요성을 느끼고 정리를 위해 나만의 방법으로 정리해 놓은 포스팅입니다.
저작권 문제가 발생시에 수정 될 수 있으며 해당 책없이는 의미가 없는 포스트 입니다. 책은 꼭 구매해서 봅시다. ^^

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

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

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

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

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

SEO


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

Hexo 포스팅 방법

이전 포스팅 에서 Hexo 블로그의 세팅 방법과 간단한 글쓰는 방법에 대해 다뤄보았는데요 Hexo는 간단한 포스팅 외에도
다양한 기능의 포스팅 방법을 제공해 줍니다. Hexo에서 지원하는 것들은 무엇이 있는지 한번 살펴보겠습니다.

글쓰기(Writing)


일단 기본적인 명령어 부터 하나씩 살펴보겠습니다.
hexo 명령어를 사용하여 새로운 포스팅의 마크다운 파일을 생성해 줍니다. 레이아웃은 생략해도 됩니다.

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

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

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

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

Hexo

우선 Hexo는 Node.js 기반의 정적 사이트 생성기(Static site generator)이다. 포스트의 경우 md파일로 작성이 가능하고 github를 이용하면 무료로
블로그 운영이 가능하다. md로 작성하기 때문에 대부분에 IDE에서 작성하면서 미리보기를 할 수 있으며 node를 이용하면 로컬에서 확인 가능하다.
공식 사이트에서는 빠르고 간단하고 파워풀한 블로그 프레임워크라고 소개하고 있다.
npm을 통해 쉽게 설치가 가능하고 배포역시 쉽게 가능한 것이 장점이다.
한글문서로도 잘 정리가 되어있어 참고하기 좋다. Hexo 한글 튜토리얼

설치 전 준비

저는 Github를 이용하여 Hexo 블로그를 세팅 하려고 하기때문에 git, github, node 설치가 선행되어야 합니다.

각각의 설치 방법들은 간단하고 잘 쓰여진 글들이 많으니 참고하시기 바랍니다.

Git의 기본적인 명령어

git의 기본적인 명령어들을 정리해보려고 합니다.
모든 명령어들을 정리하는 것이 아닌 많이 쓰이는 명령어들을 위주로 정리 해보았습니다.

그전에 먼저 간단하게 git이란 무엇인가? 그리고 git에서 사용하는 용어들을 정리해 보겠습니다.

git이란 무엇인가?


git은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다.위키백과
위키 백과에서는 위와 같이 말하고 있다. 그 중에서 주위깊게 보아야 할 단어들은 “추적, 분산 버전 관리 시스템” 정도이다.
git은 2005년 리누스 토르발스가 리눅스 커널 개발을 위해 처음 개발하였다.
많은 버전 관리 시스템(VCS : Version Control System)중에 하나인데 다른 버전 관리 시스템과 다른점은
저장소를 분산해서 관리 한다는 점이다. 즉 중앙 저장소에 문제가 생겨도 로컬저장소를 이용하여 복원이 가능하다는 것이다.

마크다운(Markdown) 사용법을 알아보자

블로그를 hexo로 옮기게 되면서 가장 처음 접한 문제는 github 그리고 마크다운이었다.
세팅은 잘 정리되어있는 글들을 토대로 명령어 위주로 세팅 할 수 있었지만 글 작성부터는 다른 문제였다.
처음 보는 마크다운을 더 잘 써보기 위해 사용법을 정리해 보았으니 저와 같으신 분들에게 도움이 되었으면 합니다.

먼저 간단하게 마크다운에 대해 알아보고 넘아가겠습니다.

마크다운(Markdown)


마크다운(Markdown)은 일반 텍스트 문서의 양식을 편집하는 문법입니다.
README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰입니다. 비교적 문법이 간단하다보니 여러곳에서 쓰이는것 같습니다.
마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서 형태로 변환이 가능합니다.위키백과

Your browser is out-of-date!

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

×