본문 바로가기

Programming

[Git] GitHub로 GitHub Page 사용하기

728x90
반응형

최근 오픈소스 관련 강의에서 GitHub Page를 사용하는 방법에 대해 배웠다.


강의에선 React를 이용해서 간단한 홈페이지를 만들었지만... 


결국 핵심 내용은 GitHub repository에 docs 폴더를 만들고 html을 만들어서 넣어 무료로 사이트를 만들 수 있다는 것이다.


간단히 내용을 정리했다.


1. Repository 생성

먼저 가장 기본이 되는 저장소를 생성한다.


2. docs 폴더와 index.html 생성

다음으로 폴터랑 index.html 파일을 만든다.




index.html은 간단히 작성했다.



1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <h1>Git Test Page</h1>
    <h2>My name is minwoo</h2>
</body>
</html>
cs



생성한 폴더와 파일을 Repository에 올린다.


git을 써서 올리는것이 좋은 방법이긴 하지만... 그냥 폴더를 드래그 & 드랍으로 해도 올릴 수 있다.





잘 올라간것을 확인....




3. 설정 변경하기


repository setting로 이동





설정에서 쭉 내려보면 GitHub Pages가 있다.


Source의 None을 눌러 "master/ branch /docs folder"를 선택하고 저장한다.



이후 "githubID".github.io/"repository name" 의 주소로 접속하면 페이지를 불러 온다.


페이지가 적용되는데 몇 분의 시간이 걸린 수 있다.





반응형