깃허브로 다른컴퓨터에서 hexo블로그 수정하기

깃허브로 다른컴퓨터에서 hexo블로그 수정하고싶다!

그렇다 별것도 아닌데 이거 이해하는데 왜 이렇게 많은 시간이 걸렸는지 모르겠다.
이걸 자세히 설명해준 포스트도 정말 하나도 없었다!!!
나같이 두대의 컴퓨터에서 작업해야하는 사람을 위해서 지금까지의 방법을 포스팅 해보려한다.

---

첫번째 컴퓨터에서 해야할 사항

먼저 첫번째 컴퓨터에 폴더를 보자.
hexo 블로그를 생성해주는 파일 전체를 담고있는 폴더가 있다.
예를 들면 나의 상황에서는 myblog폴더가 그러하다.

(사담주의)
myblog폴더 안에서 git bash를 실행하고 $hexo g -d (generate+deploy) 해서 깃허브에 바로 정적파일들을 생성하며 올려왔었더랬다. (모르신다면 아무나 깃허브 페이지 만들기를 참고)

이 당시…!
나는 myblog의 hexo deployer를 비롯한 모든 파일이 내 깃허브로 올라가는 줄 알았다.
그래서 레포지토리를 두개 만들어야된다는 설명을 지인에게 들었는데도 당췌 이해가 가지 않았더랬다.
‘왜 두개여야하지? 이미 내 파일들을 내 주소로 되어있는 레포지토리에 올리지 않았던가?’ 하며 의아해했었다.
그런데 내 깃허브페이지를 잘 보니 public폴더 안의 내용만 올라가있지 않은가?

결국 $hexo generate로 public폴더안에 정적파일을 생성한것이고
$hexo deploy로는 그 정적파일들을 깃에 올리기 위해 ‘.deploy_git’폴더에 복사하고 이곳에 있는 것만 나의 깃허브페이지에 올리겠다는 의미로 사용하고 있었던 거다 ㅠㅠ
이걸 깨닫는데 5일이 소요되다니 ;ㅁ; 세상억울
(사담끝)

myblog 폴더를 다시보자

myblog 전체가 아닌 myblog/public폴더만 깃허브에 올라가 있는 것을 확인할 수 있다.

정리하면, hexo로 블로그를 만들었을 경우 myblog안의 public에 해당하는 부분만 .deploy.git에 복사되어 깃허브페이지 레포지토리(https://github.io/username/username.github.io.git)에 올라간다.
그렇기때문에 다른 컴퓨터에서 같은 환경으로 작업하기 위해서는 hexo와 deployer를 모두 담고있는 myblog자체를 새로운 레포지토리로 생성해서 올려야 하는 것이다.
설명이 이해가 간다면 이제 새로운 레포지토리를 만들어보자.

위와 같이 호스팅될 레포지토리(기존에 만들어놓았던 깃허브 주소의 레포지토리 “bomee88.github.io”)와 헥소자체를 올릴 레포지토리(hexoBlog)를 각각 만들었다면, 이제 hexoBlog에 내 로컬상의 myBlog를 push 해야한다.
방법은 맨 아래의 기본 github명령어들을 활용하면되고 아주 간단하다.

위를 참고하여 활용하면 로컬와 원격저장소를 먼저 연결해야한다.
myBlog 폴더안에서 우클릭하여 gitbash를 실행하고 일단 연동상태부터 확인해보자.
연동상태가 당연히 기존의 레포지토리로 설정되어 있을 것이다. 이제 이걸 새로운 hexoBlog주소로 변경해놓는다.

gitbash_연동/푸쉬하기

$ git remote -v //현재 연동상태 확인
$ git remote add origin https://github.com/bomee88/hexoBlog.git //헥소원본 레포지와 연동으로 변경
$ git add . //전체를 깃에 올린다고 알림
$ git commit -m "add all hexo file" //커밋작성
$ git push origin master

위와 같은 방식으로 푸시한다.
일단 우리의 모든 헥소파일은 웹서버에 올라갔고 이제 다른 피씨에서 클론해서 수정하는 건 상대의 몫이다.
불쌍하니.. 상대의 몫도 해결해보도록하자.

두번째 컴퓨터에서 해야할 사항

자 이제 다른 컴퓨터로 넘어왔다.
그게 내 노트북이 될 수도있고, 다른 작업자가 될 수도 있겠다. 여하간 그 컴퓨터에도 깃허브와 헥소를 할 수 있는 환경인지, 그렇지 않다면 처음부터 셋팅을 해줘야한다.
깃에서 git bash를 받는 방법과 hexo를 위한 node.js를 받아 깃을 사용할수 있는 환경을 만들고 아무폴더에서나 우클릭으로 일단 gitbash를 실행한다. 그리고 우리의 hexoBlog를 클론해보도록 하자.

gitbash_다운로드(클론)

$ git config --global user.name  //깃에게 내 아이디 알려주기
$ git config --global user.email  //깃에게 내 이메일 알려주기
$ git clone [주소입력]		//다운받고 싶은 곳을 클론하기
$ cd [주소파일]		    	//주소파일생성된 곳으로 들어가기
$ touch Readme.txt 	    	//시험용 리드미 파일 생성
$ git status		    	//새로 생성된 파일 상태 확인
$ git add Readme.txt 		//추가할 파일 깃에게 알리기(권장)
$ git add . 	        	//추가된 전체를 깃에게 알리기
$ git commit -m "add Readme.txt"   //커밋작성하기
$ git remote add origin https://github.com/username/myproject.git //로컬과 원격 저장소를 연결 
$ git remote -v 			//연동상태 확인하기
$ git push origin master	//깃허브로 푸쉬하기

gitbash_git기본명령어

/* git 파일 및 폴더 다운로드-업로드 */

$ git clone [주소입력]		//다운받고 싶은 곳을 클론하기
$ cd [주소파일]		    	//주소파일생성된 곳으로 들어가기
$ touch Readme.txt 	    	//시험용 리드미 파일 생성
$ git status		    	//새로 생성된 파일 상태 확인
$ git add Readme.txt 		//추가할 파일 깃에게 알리기(권장)
$ git add . 	        	//추가된 전체를 깃에게 알리기
$ git commit -m "add Readme.txt"   //커밋작성하기
$ git remote add origin https://github.com/username/myproject.git //로컬과 원격 저장소를 연결 
$ git remote -v 			//연동상태 확인하기
$ git push origin master	//깃허브로 푸쉬하기

/*git 파일 및 폴더 삭제*/

$ git rm -r [파일 혹은 폴더] //로컬, 웹 둘다 삭제
$ git rm -r --cached [파일 혹은 폴더] //웹만 삭제
$ git commit -m "수정사항"
$ git push origin master