> 개발 도구 > 자식 > GitHub 페이지를 사용하여 개인 웹사이트와 블로그를 구축하는 방법

GitHub 페이지를 사용하여 개인 웹사이트와 블로그를 구축하는 방법

PHPz
풀어 주다: 2023-04-06 14:04:34
원래의
1001명이 탐색했습니다.

GitHub 페이지는 github에서 제공하는 무료 정적 웹사이트 호스팅 서비스로, Markdown, HTML, CSS, JavaScript 또는 기타 정적 파일을 GitHub 페이지 계정에 호스팅할 수 있습니다. 다양한 사용자 정의 도메인 이름과 테마를 지원하고 Jekyll과 호환되며 404 페이지 등을 사용자 정의할 수도 있습니다. 매우 유연하고 강력합니다. 따라서 GitHub 페이지를 사용하여 개인 웹사이트와 블로그를 구축하는 것이 더 인기가 있습니다.

1. Github 계정 등록

우선 Github 공식 홈페이지(https://github.com/)를 통해 등록하실 수 있습니다.

2. 저장소 만들기

저장소 이름으로 "username.github.io"를 사용하여 새 GitHub 저장소를 만듭니다. 이때 웨어하우스 이름은 username.github.io여야 하며, 여기서 username은 GitHub 사용자 이름입니다.

맞춤 도메인 이름을 사용하려는 경우 이 방법을 사용하여 창고를 생성하지 마세요. 맞춤 도메인 이름으로 추가 창고를 만들 수 있습니다.

3. 웹사이트 파일 업로드

git 도구를 사용하여 복제한 다음 로컬 창고에 정적 웹사이트를 만들고 업로드하세요.

로컬 디렉터리에 "index.html"이라는 새 파일을 만들고 이 파일에 개인 웹사이트의 HTML 코드를 작성합니다.

다음 명령을 입력하여 웨어하우스를 초기화할 수 있습니다.

$ cd /path/to/local/repo

$ git init

$ git add .

$ git commit -m "first commit"
로그인 후 복사

그런 다음 웨어하우스를 GitHub에 직접 푸시하세요.

$ git remote add origin https://github.com/username/username.github.io.git

$ git push -u origin master
로그인 후 복사

업로드가 완료되면 https://username.github.io/에서 개인 웹사이트를 볼 수 있습니다. 이 URL은 향후 웹사이트를 업데이트할 때 방문자의 모든 개인 웹사이트에 대한 게시 주소이기도 합니다. 홈페이지에서 최신 콘텐츠를 보실 수 있습니다.

사용자 지정 도메인 이름을 사용하려면 GitHub의 "설정"->"사용자 지정 도메인"에서 등록된 도메인 이름을 입력한 다음 DNS에서 도메인 이름 확인을 설정해야 합니다.

4. Jekyll 테마 사용

Jekyll은 GitHub 페이지의 기본 정적 웹 사이트 생성기이며 무료이며 오픈 소스이며 대부분의 테마와 호환됩니다.

먼저 로컬 컴퓨터에 Ruby 언어를 설치하고 명령줄에 다음 명령을 입력해야 합니다.

$ gem install jekyll bundler
로그인 후 복사

다음으로 Jekyll 테마를 로컬에서 복제한 다음 파일 내용을 바꾸고 GitHub 페이지에 업로드합니다. 저장소.

$ git clone https://github.com/the-name-of-the-Jekyll-theme.git

$ cd the-name-of-the-Jekyll-theme

$ bundle install

$ jekyll serve
로그인 후 복사

이 시점에서 로컬 컴퓨터의 브라우저에서 개인 웹 사이트를 볼 수 있으며 테마를 GitHub에 직접 푸시하면 해당 테마가 웹 사이트에서 사용됩니다.

5. 요약

GitHub 페이지를 통해 개인 웹사이트와 블로그를 구축하면 자신을 더 잘 표현할 수 있고 학습과 소통의 플랫폼을 제공할 수 있어 개인 발전과 업무에 큰 도움이 됩니다. 이것은 단지 간략한 소개일 뿐입니다. 더 많은 기능과 사용법을 직접 살펴보고 배워야 합니다.

위 내용은 GitHub 페이지를 사용하여 개인 웹사이트와 블로그를 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿