[Git] Gitlab html 페이지(page) 만들기

github에서도 손쉽게 페이지를 만들 수 있지만 github는 기본이 repository의 공개범위가 public 입니다. (private으로 하려면 비용이 발생...) 

하지만 gitlab에서는 private으로 repository를 생성할 수 있습니다. 그래서 개인적인 프로젝트는 주로 gitlab을 사용합니다.

그리고 gitlab에서도 간단하게 페이지를 만들 수 있습니다.

1. Project(repository) 만들기

 - 프로젝트 이름을 "userId.gitlab.io"로 만들면 페이지 주소는 『https://userid.gitlab.io』로 생성됩니다.

 - 이 외에 이름으로 프로젝트를 만들 경우 페이지의 주소는 『https://userid.gitlab.io/프로젝트 이름』으로 생성됩니다. 

그래서 원하는 방식으로 프로젝트를 생성

 

2. 프로젝트 생성 후 『.gitlab-ci.yml』파일 만들기

 - 새 파일 생성 후

 

- 『.gitlab-ci.yml』 파일 내용과 commit message 입력 후 commit changes 클릭!

 

pages:

  stage: deploy

  script:

  - mkdir .public

  - cp -r * .public

  - mv .public public

  artifacts:

    paths:

    - public

  only:

  - master

3. 로컬에 git 프로젝트 복사 (git clone "프로젝트 url")

4. 화면 구성할 html 파일 add (git add *)

5. commit (git commit -m "first init")

6. push (git push)

7. 일반적으로 여기까지만 하면 약 2~3분 정도 후 자동으로 페이지 생성됩니다. (페이지 반영 속도는 체감 상 github보다 조금 느린 듯....)

※ 오래 기다려도 반영이 안될경우!!!!

8. gitlab repository에서 CI/CD -> Piplines 으로 가서 상태를 확인한다.

 - 저기 앞부분이 running 일 경우 현재 진행 중이고 잠시 기다리면 passed로 변경된다. 그리고 약 2~3분 정도면 페이지를 확인 할 수 있다.