> 개발 도구 > 자식 > 본문

Mac에서 github 블로그를 설정하는 방법

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

요즘 점점 더 많은 사람들이 인터넷에 자신의 블로그를 개설하는 것을 선택하고 있습니다. 이 방법은 충분한 자유를 제공할 뿐만 아니라 자신의 기술적 능력을 보여줄 수도 있습니다. Mac 시스템 사용자의 경우 자신만의 GitHub 블로그를 설정하는 방법도 좋은 방법입니다.

GitHub는 블로그 호스팅을 비롯한 다양한 기능을 제공하는 세계 최대 규모의 코드 호스팅 웹사이트입니다. 게다가, GitHub 페이지는 웹사이트를 빠르게 생성할 수 있을 뿐만 아니라 사용이 간단하고 편리한 뛰어난 정적 웹사이트 생성기인 Jekyll을 완벽하게 지원합니다.

다음으로 Mac 시스템에서 GitHub 블로그를 구축하는 구체적인 단계에 대해 자세히 알아 보겠습니다.

1단계: GitHub 계정 등록 및 코드 저장소 생성

GitHub에 계정을 등록하고 로그인한 후 새 코드 Warehouse에서 이름 지정 형식은 "username.github.io"입니다. 여기서 "username"은 GitHub 계정 이름입니다. 이 코드 저장소는 GitHub 블로그 웹사이트의 루트 디렉터리이며 모든 콘텐츠는 여기에 저장됩니다.

2단계: Jekyll 설치

Jekyll은 Ruby 언어로 작성된 프로그램입니다. 먼저 Mac 시스템에 Ruby가 설치되어 있는지 확인한 후 다음 명령을 통해 Jekyll을 설치해야 합니다.

$ gem install jekyll bundler
로그인 후 복사

설치가 완료된 후. , 로컬에서 생성하려면 다음 명령을 사용하세요. 새로운 Jekyll 웹사이트:

$ jekyll new myblog
로그인 후 복사

"myblog" 여기에 블로그 웹사이트의 디렉터리 이름이 있으며 직접 수정할 수 있습니다.

3단계: Jekyll 설정

방금 생성한 "myblog" 디렉터리를 열고, _config.yml 파일을 찾아 그 안에 있는 일부 구성 항목을 아래와 같이 수정하세요.

url: "https://username.github.io"
baseurl: "" # 将这里的“/”改为空格
로그인 후 복사

"사용자 이름"은 귀하가 GitHub 계정 이름에.

4단계: Jekyll을 사용하여 웹사이트 생성

다음 명령을 사용하여 로컬 개발 환경에서 웹사이트를 생성합니다:

$ bundle exec jekyll serve
로그인 후 복사

이 명령은 자동으로 정적 웹사이트를 생성하고 로컬에서 웹 서버를 시작합니다. http://localhost: 지역 블로그 사이트 방문 횟수는 4000회입니다.

5단계: 웹 사이트를 GitHub에 푸시

웹 사이트 콘텐츠를 로컬에서 편집한 후 다음 명령을 통해 웹 사이트를 GitHub에 푸시할 수 있습니다.

$ git add --all
$ git commit -m "Initial commit"
$ git push -u origin master
로그인 후 복사

여기의 "마스터" 분기는 고정되어 수정할 수 없습니다.

GitHub 계정에서 방금 생성한 코드 저장소를 입력하고 "설정"->"GitHub 페이지"를 클릭한 후 Branch를 "마스터"로 선택하고 설정을 저장하세요. 성공적으로 저장한 후 "https://username.github.io"에서 블로그 웹사이트에 액세스할 수 있습니다.

요약:

위 단계를 통해 Mac 시스템에 자체 GitHub 블로그 웹사이트를 구축할 수 있으며 이는 완전 무료입니다. 기본적인 기술적 준비가 필요하지만 단계를 주의 깊게 읽고 작업을 따르면 성공적으로 구축할 수 있다고 믿습니다. 서로 격려합시다.

위 내용은 Mac에서 github 블로그를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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