【GitHub Pages】로 간이 웹 사이트 만들기

소개



GitHub Pages를 사용하여 쉽게 정적 (HTML, CSS, js) 포트폴리오 사이트를 만들고 싶습니다!
라고 생각했기 때문에 만들었습니다.

HTML 파일을 서버에 표시시킬 때까지가 목적을 위해 외형은 무시합니다만,
앞으로 대응하므로 그 때마다 기사를 갱신합니다.

처음으로 Qiita에 투고하기 때문에, 뭔가 있으면 지적해 주시면 고맙습니다.

GitHub Pages란?



GitHubPages
무료로 사이트를 만들 수 있습니다.

※무료 유저는 public 리포지토리에서만 공개 가능

GitHub Pages로 웹사이트 만들기



리포지토리 만들기



무료 사용자의 경우 공개 리포지토리입니다.

작성 후 표시하기 위해 index.html 작성

index.html
<h1>これはサンプルです</h1>

리포지토리 게시 설정



리포지토리 설정 화면(Settings 페이지의 Options)에서 서버에 올리는 설정을 합니다.

아래쪽에있는 GitHub Pages를 보면 Source가 None이므로

master branch로 변경합니다.


GitHubPages URL 가져오기



공개 URL을 만들었습니다.


파란색 URL을 누르면 방금 만든 index.html이 공개되었습니다!


GitHub Pages를 사용해보십시오.



이렇게 간단하게 웹 사이트가 생기고 놀랍습니다.
더 좋은 도구가 있으면 그쪽도 시도하고 싶습니다!

유식자로부터 보면, 이런 것이라고 생각될지도 모릅니다만,
자신의 사이트가 생겨 두근두근하고 있습니다!



Qiita를 처음 썼습니다만, 마크다운 방식은 즐겁네요.
만들면 다시 Qiita 업데이트합니다!

좋은 웹페이지 즐겨찾기