> 개발 도구 > 자식 > 본문

Hexo를 Github에 배포하는 방법

PHPz
풀어 주다: 2023-04-26 10:02:21
원래의
1956명이 탐색했습니다.

Hexo는 사용자가 블로그 웹사이트를 빠르게 구축하는 데 도움을 주고 다양한 테마를 지원하여 매우 유연하게 만드는 탁월한 정적 블로그 생성기입니다.

그렇다면 Hexo를 Github에 배포하는 방법은 무엇일까요? 아래에서는 이 과정을 자세히 소개해 드리겠습니다.

1. 준비

  1. Github 계정 등록하기

Github 계정이 없다면 먼저 계정을 등록해야 합니다. Github 공식 홈페이지: https://github.com/

  1. Install Git

Hexo 생성된 블로그를 Github에 업로드하려면 코드 관리 및 제출을 위해 Git을 사용해야 합니다. 따라서 Git을 설치해야 합니다.

Windows에서는 Git 공식 웹사이트 https://git-scm.com/에서 최신 버전 설치 프로그램을 다운로드할 수 있습니다.

Linux에서는 yum 또는 apt-get 명령을 사용하여 직접 설치할 수 있습니다.

  1. Node.js 설치

Hexo는 Node.js 언어를 기반으로 개발되었기 때문에 Node.js 런타임 환경을 설치해야 합니다.

Node.js 공식 웹사이트 https://nodejs.org/에서 최신 버전을 다운로드하여 설치하세요.

2. Hexo 블로그 초기화

  1. Hexo 설치

명령줄 도구를 열고 다음 명령을 입력하여 설치합니다.

npm install -g hexo-cli
로그인 후 복사
  1. Initialize Hexo

디렉토리를 입력한 후 빈 디렉토리를 만듭니다. , in 초기화하려면 명령줄에 다음 명령을 입력하세요.

hexo init
로그인 후 복사
  1. 플러그인 설치

초기화가 완료된 후 블로그 생성 및 표시를 지원하려면 플러그인을 설치해야 합니다. 일반적으로 사용되는 플러그인은 다음과 같습니다:

  • hexo-deployer-git: 로컬에서 생성된 웹사이트를 Github에 게시하는 데 사용됩니다.
  • hexo-generator-sitemap: 사이트맵을 생성하는 데 사용됩니다.
  • hexo-generator-baidu-sitemap: Baidu에 포함된 사이트맵을 생성하는 데 사용됩니다.
  • hexo-renderer-pug: Pug 템플릿 엔진 렌더링을 지원하는 데 사용됩니다.

설치하려면 명령줄에 다음 명령을 입력하세요.

npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-renderer-pug --save
로그인 후 복사

3.Hexo 구성

  1. 웹사이트 구성

웹사이트 제목 등 웹사이트의 기본 정보를 _config.yml 파일에 구성할 수 있습니다. , 저자, 언어, 테마 등

  1. Theme

Hexo에는 선택할 수 있는 다양한 테마가 있으며, 공식 웹사이트 https://hexo.io/themes/에서 볼 수 있습니다. 일반적으로 사용되는 테마는 다음과 같습니다.

  • hexo-theme-next: 다양한 구성 항목을 지원하는 매우 인기 있는 테마입니다.
  • hexo-theme-matery: 훌륭한 시각 효과를 지닌 또 하나의 훌륭한 테마입니다.

테마를 로컬로 다운로드한 후 명령줄을 통해 설치할 수 있습니다:

git clone https://github.com/theme-next/hexo-theme-next themes/next
로그인 후 복사
  1. 배포 구성

_config.yml 파일에서 배포 섹션을 찾아 다음과 같이 관련 구성을 만듭니다.

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master
로그인 후 복사

그 중, 유형은 배포 유형이고, 저장소는 Github 웨어하우스 주소이며, 지점은 Github 지점입니다. 저장소의 사용자 이름을 자신의 Github 사용자 이름으로 바꾸세요.

4. 블로그를 생성하고 Github에 업로드

  1. 블로그 생성

블로그를 생성하려면 명령줄에 다음 명령을 입력하세요.

hexo g
로그인 후 복사
  1. 로컬 미리보기

블로그를 생성한 후 다음을 수행할 수 있습니다. 로컬에서 미리 보고 다음 명령을 입력하여 로컬 서비스를 시작합니다.

hexo s
로그인 후 복사

그런 다음 브라우저에 http://localhost:4000을 입력하여 블로그를 미리 봅니다.

  1. 블로그 업로드

Github에 블로그를 업로드하려면 명령줄에 다음 명령을 입력하세요.

hexo d
로그인 후 복사

업로드가 성공한 후 브라우저에 https://username.github.io를 입력하여 블로그에 액세스하세요.

첫 업로드라면 Github 사용자 이름과 비밀번호를 입력해야 합니다.

5. 요약

위 단계를 통해 Hexo로 구축한 블로그를 Github에 빠르게 배포할 수 있습니다.

사용 중에는 백업 및 버전 관리를 위해 Hexo 블로그 소스 코드를 Github에 올려 향후 블로그 반복 및 유지 관리를 용이하게 할 수 있습니다. 동시에 Github Pages는 매우 훌륭한 블로그 호스팅 플랫폼이기도 하며 무료 호스팅 서비스를 즐길 수 있습니다.

블로그 구축 과정에서 문제가 발생하는 경우 Hexo 공식 웹사이트 https://hexo.io/ 및 Github의 테마 웨어하우스에서 문서를 확인하거나 Hexo 공식 포럼 https://에서 확인할 수 있습니다. bbs.hexo.io/ 토론 및 도움말.

위 내용은 Hexo를 Github에 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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