Hexo+Github: 자신만의 정적 블로그 구축

5740 단어 경험 소감
Hexo는 빠르고 간결하며 효율적인 블로그 프레임워크이고 Github는 무료 코드 위탁 관리 도구로 Github Page를 이용하여 정적 사이트를 무료로 만들 수 있다.다음은 Hexo와 Github를 어떻게 사용해서 win10 환경에서 정적 블로그를 구축하는지 소개할 것이다.
전문은 세 부분으로 나뉜다.
  • Hexo 및 Github
  • 설치 및 구성
  • Hexo 주제 선정 및 발표 기사
  • 자신의 도메인 주소 등록 및 바인딩
  • Hexo 및 Github 설치 및 구성
    Hexo 설치
    Hexo를 설치하기 전에 다음을 설치해야 합니다.
  • Node.js
  • Git

  • 위 프로그램이 설치되어 있으면 Git-bash 또는 cmd를 열고 입력하십시오
    npm install -g hexo-cli
    

    Hexo의 설치를 완료할 수 있습니다.
    Hexo를 사용하여 로컬 사이트 구축
    로컬 폴더(예: D:\hexo)를 선택합니다.
    입력
    hexo init D:\hexo
    cd D:\hexo
    npm install
    

    Hexo가 설치되면 D:\hexo 폴더 아래의 파일 디렉터리는
    .
    ├── _config.yml //        ,             。
    ├── package.json 
    ├── scaffolds //      。       ,Hexo   scaffold     。
    ├── source //          
    |   ├── _drafts
    |   └── _posts
    └── themes //        。Hexo            。
    

    상세한 문서나 폴더의 구체적인 의미는 Hexo 공식 문서의 구축소를 보십시오
    로컬 사이트 구축이 성공했는지 확인하기 위해 입력
    hexo s
    

    하면, 만약, 만약...
    로컬 사이트 구축에 성공했습니다. 로컬 주소에 방문하면 Hexo 기본 테마의 효과를 볼 수 있습니다.
    이로써 Hexo의 설치와 로컬 사이트 구축이 완료되었습니다. 만약에 Hexo를 더욱 깊이 있게 전면적으로 이해하려면 Hexo 공식 문서를 방문할 수 있습니다.
    Github 계정 만들기
    Github에 이미 등록된 경우 이 단계를 건너뛸 수 있습니다.그렇지 않으면 Github 홈페이지를 방문하여 등록을 합니다. 다음은 Github 계정의 이름이 MyGithub라고 가정합니다.
    계정과 이름이 같은 Repository 만들기
    Github 홈페이지에 등록하고 로그인에 성공하면 페이지 오른쪽 상단에 있는 +을 클릭하고 New repository을 선택한다.Repository name Github .github.io을 기입하고 여기는 MyGithub.github.io입니다.Description에 이 Repository에 대한 설명 정보를 기입합니다(선택할 수 있지만 Personal website과 같이 기입하는 것을 권장합니다).Create repository을 클릭하여 창설을 완료합니다.
    SSH 구성
    (1) SSH 생성
    SSH Key가 있는지 확인하고 Git Bash를 열고
    cd ~/.ssh
    

    이 디렉토리가 없으면 새 SSH를 생성하고
    ssh-keygen -t rsa -C "your e-mail"
    

    그중 your e-mail은 당신이 Github에 가입할 때 사용한 메일박스입니다.
    그리고 다음 몇 걸음은 바로 리턴 키를 누르면 마지막에 다음과 같이 생성된다.
    (2) Github 계정 정보에 공개 키 내용 복사~/.ssh/id_rsa.pub 파일을 열고 내용을 복사하기;
    깃허브 홈페이지를 열고 로그인 후 개인 설정( ->setting)에 들어가 오른쪽의 SSH Keys, Add SSH key을 클릭한다.타이틀을 작성한 후 이전에 복사한 내용을 키 상자에 붙이고 Add key을 마지막으로 클릭하면 됩니다.
    (3) SSH 구성 성공 테스트
    입력
    ssh -T [email protected]
    

    다음을 표시하면 ssh 설정이 성공했습니다.
    Hi username! You've successfully authenticated, but GitHub does not
    provide shell access.
    

    Github의 같은 이름의 Repository에 웹 사이트 게시D:\Hexo 폴더의 _config.yml 파일을 열고 아래 위치를 찾아 기입하세요.
    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy: 
      type: git
      repo: [email protected]:MyGithub/MyGithub.github.io
    

    주: (1) 그중 MyGithub을 Github 계정으로 교체합니다.(2)yml 파일에서 : 뒤에는 모두 빈칸이 있어야 한다는 것을 주의한다.
    이 때 http://MyGithub.github.io을 방문하면 기본 Hexo 첫 페이지를 볼 수 있습니다. (이전 로컬 테스트 때와 같습니다.)
    Hexo 테마 선택 및 발표
    간결한 Next 주제
    이 웹 사이트에서는 Next 주제를 사용합니다.이 주제는 간결하고 사용하기 쉬워 이동단에서도 잘 표현되었다.
    (1) Next 주제 다운로드
    cd D:\Hexo
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    (2) 수정 사이트의 주제는 Next이다D:\Hexo에서 _config.yml 파일을 열고 theme 필드를 찾아 next으로 수정
    # Extensions
    ## Plugins: http://hexo.io/plugins/
    ## Themes: http://hexo.io/themes/
    theme: next
    

    (3) 로컬 유효성 검사
    입력
    hexo s --debug
    

    로컬 사이트를 방문하여 사이트 주제가 Next로 전환되었는지 확인합니다.
    (4) 업데이트 Github
    입력
    hexo g -d
    

    Github의 웹 파일 업데이트를 완료합니다.
    새로운 문장을 발표하다
    기사 발표는 매우 간단합니다. 사이트에 저장된 루트 디렉터리에서 git bash을 열고 입력하세요.
    hexo n "name of the new post"
    

    차로 돌아간 후 소스 폴더 아래의post 폴더에서 name of the new post.md 새 파일을 볼 수 있습니다.
    title: name of the new post
    date: 2015-12-09 22:55:25
    tags:
    ---
    

    문장에 상응하는 tags를 붙일 수 있으며, 여러 개가 있으면 다음과 같은 격식에 따른다
    [tag1, tag2, tag3, ...]
    
    - - - 아래에 본문 내용을 추가하면 되며markdown 문법으로 써야 합니다.
    Markdown 문법에 대한 간단한 설명이 있습니다.MarkdownPad2를 사용하여md 파일을 편집하는 것을 추천합니다.
    글 작성 완료 후 저장, 입력
    hexo g -d
    

    새 웹 사이트를 생성하고 Github의 웹 사이트 컨텐츠를 동기화할 수 있습니다.
    자신의 도메인 주소 등록 및 귀속
    지금까지 http://MyGithub.github.io을 방문하면 위에서 만든 사이트를 볼 수 있을 것이다.
    그러나 어떻게 자신의 도메인 주소를 가지고 Github에 만들어진 사이트를 가리킬 수 있습니까?
    도메인 이름 등록
    국내의 인터넷이나 외국의 Goddady를 선택하여 도메인 이름 등록을 하는 것을 추천합니다.
    DNS 도메인 이름 확인 설정
    만망에 등록된 도메인을 선택하면, 사용자가 가지고 있는 도메인 해석 서비스를 사용할 수 있습니다.
    만망에 들어가서 로그인한 후에 개인센터에 들어가고(사용자 이름을 클릭하면 됩니다) 왼쪽에 있는'클라우드 해석'을 클릭하면 이전에 구매한 도메인 이름을 클릭하면'해석 설정'에 다음과 같은 해석 규칙을 추가합니다.
    그 중에서 기록 형식이 A일 때 기록 값은 서버의 IP 주소이고 이곳의 서버 주소는 Github page의 주소이며 명령행을 통해 입력할 수 있다
    ping github.io
    

    얻다
    DNS 도메인 이름 해석 설정은 일정한 시간이 걸리며, 나중에 ping 자신의 도메인 이름 주소를 통해 해석이 성공했는지 확인할 수 있습니다.
    Github의 repository에 CNAME 파일 추가
    MyGithub/MyGithub에 있습니다.github.io에 "CNAME"라는 파일을 추가합니다. 파일 내용은 도메인 주소입니다. 예를 들어
    www.××××××.com
    

    저장하면 됩니다.
    CNAME 파일 설정의 목적은 MyGithub에 액세스하는 것입니다.github.io는 당신이 등록한 도메인 이름으로 이동할 수 있습니다.
    로컬 파일 deploy를 편리하게 할 때 CNAME 파일을 잃어버리지 않도록 로컬 사이트 루트 디렉터리에 있는 소스 폴더에 이상의 CNAME 파일을 추가할 수 있습니다.CNAME 파일은 나중에 deploy가 될 때마다 손실되지 않습니다.
    이상의 설정을 통해 도메인 이름을 등록해서 기본 Hexo 테마 페이지에 접근할 수 있을 거라고 믿습니다.이후의 작업은 (1) 주제에 대해 어떻게 개성화된 설정을 하고(2) 블로그 글을 발표하여 사이트의 내용을 충실하게 한다.여기에next 테마의 개성화된 설정에 대한 설명이 있습니다.
    본문이 끝났습니다. 감상해 주셔서 감사합니다.
    전재를 환영합니다. 본문의 링크 주소를 밝혀 주십시오.
    http://www.jeyzhang.com/hexo-github-blog-building.html

    좋은 웹페이지 즐겨찾기