【GitHub Pages】로 간이 웹 사이트 만들기
2104 단어 HTML포트폴리오GitHubgithub-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 업데이트합니다!
Reference
이 문제에 관하여(【GitHub Pages】로 간이 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/gudtanuki/items/580a1201ec912433aafe
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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 업데이트합니다!
Reference
이 문제에 관하여(【GitHub Pages】로 간이 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/gudtanuki/items/580a1201ec912433aafe
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<h1>これはサンプルです</h1>
이렇게 간단하게 웹 사이트가 생기고 놀랍습니다.
더 좋은 도구가 있으면 그쪽도 시도하고 싶습니다!
유식자로부터 보면, 이런 것이라고 생각될지도 모릅니다만,
자신의 사이트가 생겨 두근두근하고 있습니다!
끝
Qiita를 처음 썼습니다만, 마크다운 방식은 즐겁네요.
만들면 다시 Qiita 업데이트합니다!
Reference
이 문제에 관하여(【GitHub Pages】로 간이 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/gudtanuki/items/580a1201ec912433aafe
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【GitHub Pages】로 간이 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/gudtanuki/items/580a1201ec912433aafe텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)