親測Hexo+Github我的博客搭建

什麼是 Hexo？

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

安裝 Hexo 至關簡單
然而在安裝前，您必須檢查電腦中是否已安裝下列應用程序：

• Node.js
  https://nodejs.org/dist/v10.13.0/node-v10.13.0-x64.msi(Winx64)
• Git
  https://github.com/git-for-windows/git/releases/download/v2.19.1.windows.1/Git-2.19.1-64-bit.exe（Win x64）

輸入 ：

node -v
npm -v
git --version

檢查Node.js 和 Git 是否 安裝成功

在此處，若是Node.js 版本低，在後面的搭建過程當中沒法順利執行，建議各位在官網下載最新版本；Git若是沒有加入環境變量須要將Git添加到環境變量

在本身認爲合適的位置建立一個個文件夾，個人是E:\Personal-blog\hexo ，在命令行界面進入該文件夾，而後使用 npm 便可完成 Hexo 的安裝

npm install -g hexo-cli

安裝完成，可能會有WARN，但不會影響正常使用
而後輸入：

npm install hexo --save

在這一步時，我遇到以下報錯

npm WARN deprecated titlecase@1.1.2: no longer maintained
npm ERR! Unexpected end of JSON input while parsing near '...":"^0.3.1","benchmark'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\dell\AppData\Roaming\npm-cache\_logs\2018-11-12T15_46_56_713Z-debug.log

解決辦法：
更新npm源便可

npm config set registry https://registry.npm.taobao.org

Hexo安裝完成，檢測是否正確安裝

hexo -v

Hexo的配置

在當前目錄下新建一個名爲blog的文件夾，用於存放博客網站的信息
在命令行進入blog，初始化該文件夾，並安裝所需組件

hexo init 
npm install

安裝完成後，檢測是否安裝成功

hexo g

hexo s

根據提示訪問https://localhost:4000/

出現該界面說明Hexo在本地的配置完成了。（由於我改了配置文件，因此顯示出個人名字，原位置應爲Hexo）

註冊GitHub帳號與配置

https://github.com/

進入網站後，點擊Sign up 進行註冊， 填寫本身的用戶名，郵箱，密碼（郵箱後面會用到驗證帳戶）

註冊完成後，新建代碼倉庫
點擊網頁右上角"+" 中的New repo ，新建倉庫

在該界面輸入倉庫名，描述信息，選擇共有或私有倉庫
注意倉庫名要和你的用戶名一致(yourname.github.io)，不然後面會訪問錯誤

建立完成後會自動顯示你的倉庫界面

點擊選項欄 Setting ，向下拖至此處，將none 選項選爲第一個選項，開啓GitHub Pages功能 並Save，能夠暫時Change theme，以供暫時訪問，可是後面咱們使用的是Hexo主題，二者並不衝突

一段時間後便可看到提示建立成功

那麼Github一側的配置已經所有結束了。

將GitHub Page與Hexo關聯

配置Git我的信息

git config --golbal user.name "username"
git config --global user.email "xxx@example.com"
git config --list  //查看用戶信息

能夠看到以下信息

在合適的位置新建文件夾daemon ，進入到該文件夾中
右擊進入 Git Bash

$  git init

該命令將建立一個名爲 .git 的子目錄，這個子目錄含有你初始化的 Git 倉庫中全部的必須文件，這些文件是 Git 倉庫的骨幹


在Git bash中

cd ~/.ssh  
ls
cat id_rsa.pub

就能夠看到你本身的公鑰，複製下來，進入Github的我的設置界面

點擊New Ssh Key

將密鑰粘貼上，添加就能夠了

ssh -T git@github.com

成功

編輯 hexo下的blog下的_config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/CrimsonRomance/CrimsonRomance.github.io
  branch: master

編輯daemon.git 下的config

[core]
    repositoryformatversion = 0
    filemode = false
    bare = false
    logallrefupdates = true
    symlinks = false
    ignorecase = true
[branch "master"] 
    remote = https://github.com/CrimsonRomance/CrimsonRomance.github.io
    merge = refs/heads/master

而後進入 hexo\blog ，右擊進入 git bash

hexo g   //  生成
hexo d   //  部署

若是在 hexo d 出現下面的 錯誤，

npm install --save hexo-deployer-git

安裝此擴展便可 ，而後從新 hexo g ， hexo d

而後訪問網站 https://youname.github.io/便可