gh-pages로 사이트를 공개할 수 있는 환경을 살짝 만든다.

gh-pages 사용법

gh-pages를 사용하면 간단한 사이트를 공개할 수 있으므로 약간의 검증에 편리.

로컬에서 만들거나 원격으로 만들 수 있습니다.

로컬에서 작성하는 경우

리모트로부터 작성하는 경우

로컬에서 만들 때

1. 로컬에 gh-pages에 공개하고 싶은 디렉토리를 작성한다. 뭔가 만들어 둔다 (index.html라든지)
2. git init, git add, git commit

로컬 작업 디렉토리 내에서

$ cd 作業するディレクトリ

$ git init 

$ git add -A

$ git commit -m "index.htmlを作成"

3. 원격으로 리포지토리 생성


4. 원격 환경을 로컬로 등록합니다.

작업 중인 로컬 디렉토리

$ git remote add origin あなたのリポジトリ

下の画像の、[email protected]:あなたの名前/リポジトリ名の部分

5. 원격으로 푸시

작업 디렉토리

$ git push -u origin master

6. 원격으로 gh-pages 브랜치를 끊다


7. settings를 살펴보기



8. 녹색으로 URL이 표시되면 OK.

원격으로 만들 때

1. 리포지토리를 만듭니다 (리포지토리 이름만으로 좋음).
현지 시간과 동일

2. 작업 디렉토리를 만들고 싶은 곳에서 git clone

디렉토리를 만들고 싶다면

$ git clone [email protected]:ユーザ名/リポジトリ名.git

ディレクトリができるので、

$ cd 今できたディレクトリ

4. 시험에 index.html을 작성해 본다
5. git add, git commit, git push

작업 디렉토리

$ git add -A 

$ git commit -m "index.htmlを作成"

$ git push -u origin master

이하 로컬 시점과 동일
6. 리모트로 gh-pages를 온다
7. settings를 살펴보기
8. 녹색으로 URL이 표시되면 OK.

gh-pages를 만드는 방법이었습니다.

보충

리포지토리 상단에 index.html이 있다면 좋지만 dist/index.html처럼 하나의 아래 계층에 index.html이 있으면 액세스하는 URL도 하나의 계층에 액세스하지 않으면 404 not found 되기 때문에주의.

README.md에 URL을 써 두면 귀찮게 해도 좋다.

로컬 작업 디렉토리에서 README.md를 만듭니다.

http://あなたのURL/index.html

といった感じに

$ git add -A

$ git commit -m "README.mdにURLを記述"

$ git push -u origin gh-pages

gh-pages로 작업하고 문제가 없으면 master에게 merge

로컬에서 작업하는 경우 gh-pages로 작업해 둡니다.
gh-pages로 작업해 두고, master에 merge 하는 것으로 branch도 기억할 수 있다(해야 W).

로컬로 작업 (branch는 gh-pages)

$ git branch  # 現在のbranchを確認

masterにいるなら

$ git checkout gh-pages

作業する

$ git add -A

$ git commit -m "gh-pagesで作業した内容"

$ git push -u origin gh-pages

다양한 작업하고 커밋합니다. 그래서 병합한다.

$ git branch # 現在のbranchを確認

$ git checkout master # masterに切り替える

$ git merge gh-pages # gh-pagesの内容をmasterにも反映させる

$ git push -u origin master # masterにプッシュする

또, 작업할 때는 gh-pages에 브랜치를 바꾸어 작업 개시

$ git branch

$ git checkout gh-pages