Post List

2019년 3월 6일 수요일

github, gitlab, bitbucket 에서 static page 를 사용해보자.


bitbucket 에서는

레파지토리를
계정명.bitbucket.io

라고 만들고
index.html 이던 angular / react 등 이던 static 페이지...  아니면 설치형? 혹은 블로그 생성해주는 툴들을 이용하던.. 기타 등등 (프론트엔드 쪽만)

를 만들어 넣으면

계정명.bitbucket.io
으로 접속해서 볼 수 있다.


----

github 는

계정명.github.io 으로 프로젝트를 만들고 바로 index.html ㄱㄱ


----

gitlab 은

계정명.gitlab.io

로 만드는건 똑같은데

바로 index.html 같은 파일 만들어도 안된다.

참고 사이트
https://gitlab.com/pages
https://docs.gitlab.com/ee/user/project/pages/introduction.html

여길 참고하면 여러가지 스타일을 알 수 있다.
vue 라든지 angular 라든지 스타일의 프로젝트 자체로 빌드해서 띄울 수 있다.
(sciprt 가능 ex - yarn install yarn start)

프로젝트 만드는 방법은 대충 예를 들면
계정명.gitlab.io 프로젝트 루트에
.gitlab-ci.yml 를 만들어서

image: alpine:latest

pages:
  stage: deploy
  script:
  - echo 'Nothing to do...'
  artifacts:
    paths:
    - public
  only:
  - master


이런 정보를 적어 넣은 뒤

프로젝트루트 / public / index.html

을 만들어서 대충 때려넣는 식이다.

.. 404 에러가 뜨다가 갑자기 되긴 했는데;;
파일 추가한 뒤 적용시간이 생각보다 길것같다.(최소 15분?)

어쨋든 잘 됨

----

총평

github 와 bitbucket 는 static 페이지 만드는 스타일이 같음
대신 github가 더 빠름

gitlab
빠름
약간의 세팅을 해줘야 동작하지만
그만큼 기능이 괜찮음
script 라든지 쓸 수 있으니... (script 세팅으로 yarn install, yarn start 이런 명령어가 가능하기때문에 프로젝트 그대로 올려도 됨. github 같은곳은 build 해서 올리느라 좀 귀찮았는데..)

대신.. 여러개의 static 페이지를 하고 싶을때는 모르겠네
(ex
 계정명.gitlab.io/계산기
 계정명.gitlab.io/날씨보기
)
뭐... 찾다보면 방법이 있겠지?


댓글 없음:

댓글 쓰기