(초보자용) GitHub Pages에서 자작 홈페이지를 공개해 본다.
자작 홈페이지를 간편하게 공개
html이나 CSS를 배우고 사용하고 싶지만, 공개하기 위해 스스로 서버를 준비하는 것은 번거롭다. . .
그래서 이번에는 무료로 호스팅할 수 있는 서비스Github Pages를 이용해 보았다.
(테카, 이 링크만으로 간단하게 할 수 있구나—나중에 보고 생각했습니다. 땀)
GitHub 계정 준비
아직 계정이없는 사람은 여기에서
GitHub 계정 생성 및 리포지토리 생성 절차
게시용 리포지토리 만들기
새 리포지토리를 만듭니다. 액세스 권한은 외부에 공개하므로 Public으로 합시다.
리포지토리의 이름은 이번에는 "myPage"로 설정되었습니다.
리포지토리가 완성. 지금은 아직 아무것도 없기 때문에, 「새롭게 파일을 작성하는지, 파일을 업로드해 주세요.」라고 말해지고 있습니다.
로컬 디렉토리에 myPage 리포지토리 복제
명령 프롬프트에서 만든 리포지토리를 로컬 환경에 복제합니다.
git clone [作成したリポジトリのURL]
물론 아직 복제 된 디렉토리에는 아무것도 파일이 없습니다.
표시하고 싶은 홈페이지로서 샘플용의 index.html을 작성해 둡니다.
이런 느낌
index.html
<html>
<head>
<meta charset="utf-8">
<title>Welcome to myPage</title>
</head>
<body>
Hello World!
</body>
</html>
복제 된 디렉토리 바로 아래에 둡니다.
SourceTree로 리포지토리 관리
모처럼이므로 SourceTree GUI를 사용하여 리포지토리를 관리합니다.
SourceTree는 Git의 무료 클라이언트 앱으로 Git의 명령을 잘 모르는 사람도 쉽게 다룰 수 있다고 생각합니다.
설치 방법은 여기에서
SourceTree를 다운로드하고 설치하는 방법
[기존 로컬 리포지토리 추가]
보다 이전에 복제 된 디렉토리를 추가합니다.
관리중인 리포지토리로 추가되었습니다.
myPage의 리포지토리를 선택하면,
제대로 만든 index.html이 원격 저장소와의 차이로 반영되어 있음을 알 수 있습니다.
조속히 커밋 해 봅시다!
제대로 GitHub상에서도 커밋을 확인할 수 있었습니다.
GitHub Pages 설정
그럼 게시하고 싶은 페이지를 커밋할 수 있었으므로 GitHub Pages 설정으로 이동합시다.
리포지토리의 오른쪽 상단에 있는 설정 탭을 선택합니다.
중간의 "GitHub Pages"항목에서 Source를 선택합니다.
[None] -> [master branch]를 선택해 봅시다.
그리고 웹에서
https://[アカウント名].github.io/[リポジトリ名]
입력하면,,,방금 만든 index.html이 표시되었습니다!
SourceTree로 코드 수정 → 커밋. GitHub에서 확인. . .
차분 관리도 확실하네요.
물론 GitHub에서 코드를 수정할 수 있습니다.
트윗
HP를 만들고 게시하기 위해 평가판에서 GitHub Pages를 사용해 보았습니다.
다만, 당인은 html의 지식도 CSS의 지식도 아직 부족한 모양입니다. . .
Reference
이 문제에 관하여((초보자용) GitHub Pages에서 자작 홈페이지를 공개해 본다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/suke0204/items/72c171534d9c1636dd94텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)