前言
博客有第三方平臺指孤，也可以自建启涯，比較早的有博客園、CSDN恃轩，近幾年新興的也比較多諸如：WordPress结洼、segmentFault、簡書、掘金、知乎專欄诚些、Github Page 等等吞滞。
這次我要說的就是 Github Page + Hexo 搭建個人博客的方式！Github Page 是 Github 提供的一種免費的靜態(tài)網(wǎng)頁托管服務(wù)（所以想想免費的空間不用也挺浪費的哈哈哈）渴肉，可以用來托管博客、項目官網(wǎng)等靜態(tài)網(wǎng)頁。支持 Jekyll摊溶、Hugo、Hexo 編譯靜態(tài)資源充石，這次我們的主角就是 Hexo 了莫换，具體的內(nèi)容下面在文章內(nèi)介紹。
演示站：晚楓博客
博客文章鏈接：https://whitesir-blog.top/posts/fef1.html
下面就開始吧~
一骤铃、準(zhǔn)備博客環(huán)境
準(zhǔn)備 node 和 git 環(huán)境拉岁，
首先，安裝 NodeJS惰爬，因為 Hexo 是基于 Node.js 驅(qū)動的一款博客框架,然后喊暖，安裝 git，一個分布式版本控制系統(tǒng)补鼻，用于項目的版本控制管理哄啄，作者是 Linux 之父雅任。如果 Git 還不熟悉可以參考廖雪峰大神的 Git 教程。
1.1 Node.js的安裝與配置
根據(jù)你電腦系統(tǒng)的配置信息咨跌，下載對應(yīng)的安裝程序沪么，然后開始進行下面的步驟。
這里我推薦菜鳥教程的Node.js 安裝配置這里面很詳細(xì)Ｐ堪搿禽车！
安裝完成后呢，我們就要去驗證有沒有安裝成功刊殉。
首先殉摔，win+R，再輸入cmd记焊，按Enter進入到我們的控制臺逸月，查看node和npm的版 本，看是否安裝成功遍膜。
按照上圖這樣輸入命令后碗硬，如果結(jié)果和上圖差不多的話（你們下載的版本有可能不一樣）瓢颅，就說明已經(jīng)安裝成功了恩尾！
假如執(zhí)行node -v報錯的話，那么手動將Node.js的安裝路徑添加到環(huán)境變量中挽懦，右擊點擊我的電腦 ->屬性 -> 高級系統(tǒng)設(shè)置 -> 環(huán)境變量翰意，在系統(tǒng)變量下找到名為path的變量名，如下圖：
選中path信柿，或者雙擊冀偶，然后將你node.js的安裝路徑放在path變量值的最后面，如果添加之前path值最后有 英文的分號角塑，則直接將路徑添加進去即可蔫磨，如果沒有，先添加分號圃伶，然后點擊保存，回到桌面蒲列，打開cmd（Win+R）窒朋，執(zhí)行node -v，看是否成功蝗岖。
接下來,由于國內(nèi)鏡像源速度比較慢侥猩，一般先安裝cnpm淘寶源，選擇復(fù)制下列一個命令粘到cmd執(zhí)行
# 查看npm的配置
npm config list
# 默認(rèn)源
npm config set registry https://registry.npmjs.org
# 臨時改變鏡像源
npm --registry=https://registry.npm.taobao.org
# 永久設(shè)置為淘寶鏡像源
npm config set registry https://registry.npm.taobao.org
# 另一種方式抵赢，編輯 ~/.npmrc 加入下面內(nèi)容
registry = https://registry.npm.taobao.org
安裝鏡像后欺劳，輸入下列指令唧取，查看是否安裝成功
?cnpm -v
1.2 Git的安裝與配置
同樣這里我還是推薦大家去菜鳥教程Git的安裝與配置,下載安裝后按照下面步驟進行
回到桌面，點擊鼠標(biāo)右鍵划提，會出現(xiàn)兩個選項Git GUI Here和Git Bash Here枫弟，在打開Cmd(Win+R)，分別輸入git和git --version鹏往，如果出現(xiàn)如下圖的情況淡诗，即安裝成功！
二伊履、Github注冊以及Github Pages創(chuàng)建
我推薦一個簡書上面的博主寫的文章Github注冊以及Github Pages創(chuàng)建,根據(jù)他的步驟完成Github的注冊以及Github Pages后韩容，讓我們進入下一環(huán)節(jié)！唐瀑！
三群凶、配置Git用戶名和郵箱
在桌面點擊鼠標(biāo)右鍵，點擊Git Bash Here哄辣，會出現(xiàn)一個界面如下圖所示：
然后分別輸入下面的兩個命令请梢，并回車：
git config --global user.name "此處填寫你注冊時的用戶名"
git config --global user.email "此處填寫你注冊時的郵箱"
# 一般只要不報錯，可以跳過下面尋找.gitconfig文件
然后找到.gitconfig文件柔滔，文件存放位置在C:/Users/[username]/.gitconfig（未找到的話溢陪，請開啟顯示隱藏文件的功能），用編輯器打開睛廊，看到如下圖所示的內(nèi)容形真，即配置成功！
四超全、本地安裝hexo靜態(tài)博客框架以及發(fā)布到Github Pages
首先選擇一個磁盤作為你博客文件的存放位置咆霜，然后新建一個文件夾，比如名為blogtest的文件夾嘶朱，創(chuàng)建完后蛾坯，先不要點進去，在此處點擊鼠標(biāo)右鍵疏遏，選擇Git Bash Here脉课，然后依次輸入如下命令，：
# hexo框架的安裝
npm install -g hexo-cli
# 等上一個命令完成后财异，在輸入下面的命令
hexo init <新建文件夾的名稱> #初始化文件夾
cd <新建文件夾的名稱>
npm install # 安裝博客所需要的依賴文件
等待運行完成倘零，此時文件夾中多了許多文件。
注意：后續(xù)的命令均需要在站點目錄下（即文件夾內(nèi)）使用Git Bash運行戳寸。
此時Hexo框架的本地搭建已經(jīng)完成了呈驶。我們來運行一下看看，命令行依次輸入以下命令 :
hexo g
hexo s
瀏覽器中打開http://locakhost:4000或者127.0.0.1:4000疫鹊，可以看到一個網(wǎng)頁袖瞻，說明Hexo博客已經(jīng)成功在本地運行司致。
1. 本地博客發(fā)布到Github Pages
之前的步驟中，我們已經(jīng)完成了對Github賬戶的注冊以及Github Pages的創(chuàng)建聋迎，接下來是將本地博客發(fā)布至Github Pages脂矫。
首先需要安裝發(fā)布的插件，在站點目錄下執(zhí)行下面的命令砌庄，也就是創(chuàng)建的博客目錄下：
npm install hexo-deployer-git --save
緊接著羹唠，將本地目錄與GitHub關(guān)聯(lián)起來，輸入下面的命令行：
ssh-keygen -t rsa -C "你的郵箱地址"
輸入后一直回車娄昆，然后在C:/Users/[username]目錄下找到名為.ssh的文件夾佩微， 文件夾內(nèi)會有兩個文件，一個id_rsa.pub一個id_rsa萌焰，用文本編輯器打開id_rsa.pub哺眯，復(fù)制里面的的內(nèi)容。 然后打開Github扒俯，點擊右上角的頭像 Settings 選擇SSH and GPG keys
點擊New SSH key 將之前復(fù)制的內(nèi)容粘帖到Key的框中奶卓。 上面的Title可以隨意，點擊Add SSH key 完成添加撼玄。
然后回到Git的命令行界面夺姑，測試一下是否與GitHub連接成功。輸入下面的命令行：
ssh -T git@github.com
點擊回車掌猛，然后會出現(xiàn)一個詢問內(nèi)容盏浙，輸入yes，回車荔茬，會出現(xiàn)一段內(nèi)容废膘，Hi ! You've successfully authenticated, but GitHub doesnot provide shell access.。 說明連接成功慕蔚。此處這個``應(yīng)該是你Github的用戶名丐黄。
進入博客站點目錄，用文本編輯器打開_config.yml孔飒，這個_config.yml是博客的配置文件灌闺，在以后的博客修改，如個性化修改坏瞄，博客SEO優(yōu)化等都會使用到菩鲜，修改如下圖的幾個地方：
title: 你的博客名
subtitle: 博客的副標(biāo)題，有些主題支持
description: 博客描述
keywords: 博客關(guān)鍵詞
author: 作者惦积，在文章中顯示
language: 博客語言語種
timezone: 時區(qū)
滑到文件最底部，有一個deploy猛频，在deploy下面添加一個repo項 狮崩，一個branch項蛛勉。填入如下代碼，并如下圖所示：
type: git
repo: git@github.com:Github用戶名/github用戶名.github.io.git
//也可使用https地址睦柴，如：https://github.com/Github用戶名/Github用戶名.github.io.git
branch: master
最后就是生成頁面诽凌，并發(fā)布至Github Pages，執(zhí)行如下命令：
# Hexo會根據(jù)配置文件渲染出一套靜態(tài)頁面
hexo g
# 將上一步渲染出的一系列文件上傳至至Github Pages
hexo d
# 也可以直接輸入此命令坦敌，直接完成渲染和上傳
hexo g -d
上傳完成后侣诵，在瀏覽器中打開https://<用戶名>.github.io，查看上傳的網(wǎng)頁狱窘。如果頁面變成了之前本地調(diào)試時的樣子杜顺，說明上傳以及完成了。沒變的話查看一下上傳時命令行窗口的信息有沒有錯誤信息蘸炸，沒有的話清除一下瀏覽器緩存試試躬络。
到此，基本的個人博客搭建就完成啦搭儒，以為默認(rèn)的主題不好看穷当，所以后續(xù)我會將博客美化教程發(fā)出來。
