GitHub+hexo to Blog

title: GitHub+hexo to Blog
date: 2014-12-26 09:44:53
tags: hexo, github
---

摘要

一直想要一個本身的博客，不過一直怯於對網站開發一一竅不通，因此終究仍是沒有去搭建本身的博客，而是選擇展轉於CSDN和博客園之間。最近看到了MarkDown,瞭解到寫文章、寫博客原來能夠換種方式。而後又在學習IOS開發，因而在GitHub上爬各類開源的IOS項目，期間發現了不少前輩寫的IOS博客，由此又想到本身沒有的悲哀。因而乎，做爲半吊子程序員的我，想當技術程序員的我，發現有些博客的地址有github這一url字段，因而抱着試試的態度在某度輸入了GitHub 搭建博客。而後就發現了GouHub真的能夠用來搭建博客，本着探索研究的精神，看了幾篇使用GitHub搭建博客的文章，而後就發現了Github+hexo，發現了hexo還支持MarkDown，因此那個使用GitHub和hexo搭建博客便給了我行動的力量。由於昨天在俺的小租房的mac上成功搭建了一個博客，可是沒有記錄過程，今天覆習記錄下，順便一步一步在windows下搭建一個本身的博客，看看運氣咋樣。

使用GitHub和Hexo搭建博客過程

• 註冊一個GitHub,這個冇得有問題的，否則怎麼和GitHub扯上關係

• 下載GitHub的Windows客戶端，配置GitHub，包括用戶名密碼以及把本機的ssh-key複製到GitHub裏面去

  #### 配置GitHub帳戶信息 ####
  
    git config --global user.name "username"
    git config --global user.email "email"
  
    #### 添加SSH-KEY ####
  
    #這一步是爲了省去每次部署代碼時須要輸入帳戶密碼。檢查是否已經有SSH Key。
    $cd ~/.ssh
    #若是說沒有這個目錄，就直接看第三步
    #備份
    #生成一個新的SSH。
    $ssh-keygen -t rsa -C "email"
    # 以後直接回車，不用填寫東西。以後會讓你輸入密碼。而後就生成一個目錄.ssh ，裏面有兩個文件：id_rsa , id_rsa.pub
    # 把這個SSH放到github上。用公鑰。先在GitHub上註冊一個用戶，而後進入account-setting ，把id_rsa.pub的內容複製進去就能夠了。
    # 而後把id_rsa.pub裏的內容複製進去就能夠了。
    # 測試OK。輸入命令：
    $ssh -vT git@github.com

• 下載node.js安裝包，直接點擊安裝便可，安裝時默認會安裝npm軟件的，該軟件能夠用來安裝hexo.(mac下直接在命令行使用brew install node.js便可安裝)

• 安裝、初始化、測試hexo

  #安裝
    C:\Users\Administrator>npm install -g hexo
    npm WARN optional dep failed, continuing fsevents@0.2.0
    C:\Users\Administrator\AppData\Roaming\npm\hexo -> C:\Users\Administrator\AppData\Roaming\npm\node_m
    odules\hexo\bin\hexo
    hexo@2.8.3 C:\Users\Administrator\AppData\Roaming\npm\node_modules\hexo
    ├── hexo-front-matter@0.0.4
    ├── strip-indent@0.1.3
    ├── minimist@0.2.0
    ├── sprintf-js@0.0.7
    ├── graceful-fs@3.0.5
    ├── colors@0.6.2
    ├── mime@1.2.11
    ├── async@0.9.0
    ├── lodash@2.4.1
    ├── highlight.js@8.1.0
    ├── moment@2.8.4
    ├── warehouse@0.2.2 (async@0.7.0)
    ├── chokidar@0.8.2 (recursive-readdir@0.0.2)
    ├── morgan@1.5.0 (basic-auth@1.0.0, depd@1.0.0, on-finished@2.1.1, debug@2.1.0)
    ├── connect@3.3.3 (utils-merge@1.0.0, parseurl@1.3.0, debug@2.1.0, finalhandler@0.3.2)
    ├── compression@1.2.2 (bytes@1.0.0, vary@1.0.0, on-headers@1.0.0, compressible@2.0.1, debug@2.1.0
    , accepts@1.1.4)
    ├── serve-static@1.7.1 (utils-merge@1.0.0, escape-html@1.0.1, parseurl@1.3.0, send@0.10.1)
    ├── js-yaml@3.2.4 (esprima@1.0.4, argparse@0.1.16)
    ├── cheerio@0.17.0 (entities@1.1.1, dom-serializer@0.0.1, CSSselect@0.4.1, htmlparser2@3.7.3)
    └── swig@1.4.1 (optimist@0.6.1, uglify-js@2.4.16)
    C:\Users\Administrator\blog>npm install
    hexo-renderer-ejs@0.1.0 node_modules\hexo-renderer-ejs
    ├── ejs@1.0.0
    └── lodash@2.4.1
  
    hexo-renderer-marked@0.1.0 node_modules\hexo-renderer-marked
    ├── marked@0.3.2
    └── lodash@2.4.1
  
    hexo-renderer-stylus@0.1.0 node_modules\hexo-renderer-stylus
    ├── nib@1.0.4 (stylus@0.45.1)
    └── stylus@0.44.0 (css-parse@1.7.0, mkdirp@0.3.5, sax@0.5.8, debug@2.1.0, glob@3.2.11)
    # 初始化
    C:\Users\Administrator\blog>hexo init
    [info] Copying data
    [info] You are almost done! Don't forget to run `npm install` before you start blogging with Hexo!
    # 測試，瀏覽器訪問http://localhost:4000/便可看到網頁效果
    C:\Users\Administrator\blog>hexo s
    [info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

• 使用hexo寫博客

  C:\Users\Administrator\blog>hexo n "GitHub+hexo to Blog"
    [info] File created at C:\Users\Administrator\blog\source\_posts\GitHub-hexo-to-Blog.md
    C:\Users\Administrator\blog>hexo g

• hexo部署

  # 編輯_config.yml(在博客目錄下)。你在部署時，要把下面的user都換成你的帳號名。
    # 最好使用SSH，HTTPS有時出錯
    deploy:
      type: github
      repository: git@github.com:arbboter/arbboter.github.io.git
      branch: master
    #執行下列指令便可完成部署。
    hexo generate
    hexo deploy

  注意：有些新用戶須要設置 ssh，不然上述命令會失敗。ssh 的介紹和設置方法請看官方教程，不用擔憂，很簡單。
  記住：每次修改本地文件後，須要hexo generate才能保存。每次使用命令時，都要在H:\hexo目錄下。
  Okay,咱們的博客已經徹底搭建起來了，在瀏覽器訪問user.github.io就能看到你的成就了！