Windows下使用Hexo+GithubPage搭建博客

準(zhǔn)備工作

安裝Node.js
下載地址:傳送門 去 NodeJs 官網(wǎng)下載相應(yīng)版本,進(jìn)行安裝即可。 可以通過node -v的命令來測試NodeJS是否安裝成功

這里寫圖片描述

安裝Git
下載地址:傳送門 去 Git 官網(wǎng)下載相應(yīng)版本,進(jìn)行安裝即可。
選擇使用git命令
我選擇在第二個(gè)在系統(tǒng)的cmd也可以使用
這里寫圖片描述
這里寫圖片描述
這里寫圖片描述
這里寫圖片描述
可以通過git –version的命令來測試git是否安裝成功
這里寫圖片描述

注冊Github賬號
去 Github 官網(wǎng)進(jìn)行注冊即可。 注冊完之后記得添加 SSH Key。 這個(gè) SSH Key是一個(gè)認(rèn)證,讓github識別綁定這臺機(jī)器,允許這臺機(jī)器提交。執(zhí)行如下命令:

cd ~/. ssh

這里寫圖片描述
~這個(gè)符號,表示在用戶目錄下 執(zhí)行代碼如果提示:No such file or directory 說明你是第一次使用git。 下面就說下怎么配置SSH Key。 生產(chǎn)新的SSH Key配置 在Git Bash執(zhí)行代碼:

ssh-keygen -t rsa -C "85268837@qq.com"

記得修改成你自己郵箱地址。 成功后會(huì)生成兩個(gè)文件id_rsa 以及id_rsa.pub。如圖,

這里寫圖片描述
添加SSH Key到github 這倆個(gè)文章在剛才用戶的.ssh目錄下
這里寫圖片描述
之后在github添加SSH Key,在任意界面右上角,點(diǎn)擊你的頭像,選擇Settings-> SSH keys->New SSH key
這里寫圖片描述
添加成功!
搭建博客
安裝Hexo
在本地新建一個(gè)Blog文件夾,文件右鍵,選擇Git Bash。
這里寫圖片描述

輸入指令安裝hexo:
npm install -g hexo
這里寫圖片描述

等安裝完畢,通過輸入hexo的命令來測試Hexo是否安裝成功,成功如下圖展示:
這里寫圖片描述

接著初始化Hexo:
hexo init hexo
這里寫圖片描述

初始化成功會(huì)顯示Start blogging with Hexo!
這里寫圖片描述

這時(shí)在你剛才創(chuàng)建的Blog里面會(huì)多出一個(gè)hexo文件
這里寫圖片描述

進(jìn)入到hexo目錄,
輸入指令npm install
安裝依賴文件以及部署形成文件 打開hexo目錄

cd hexo

安裝依賴文件
npm install

部署形成文件
hexo generate

這里寫圖片描述

最后剩下運(yùn)行server 跑起hexo服務(wù)

hexo server

這里寫圖片描述

這時(shí)提示Hexo is running at http://loalhost:4000/. 接著我們打開瀏覽器,輸入http://localhost:4000/便可看到默認(rèn)的博客,如圖。
這里寫圖片描述
到這里,hexo已經(jīng)安裝完畢。

配置githubPage

登錄Github,點(diǎn)擊”New repository”,新建一個(gè)版本庫 輸入倉庫名:你的Github名稱.github.io。然后點(diǎn)擊Create repository。


這里寫圖片描述

注意:這邊的創(chuàng)建名字,一定要用的github的用戶名,不然顯示不出來,因?yàn)間ithubPage只能你的用戶名。

啟用GitHub Page

點(diǎn)擊右邊的“Setting”菜單進(jìn)入設(shè)置,點(diǎn)擊”Launch automatic page generator”

這里寫圖片描述

進(jìn)入之后點(diǎn)擊底部的”Continue to layouts”
這里寫圖片描述

之后選擇一個(gè)隨意模版,點(diǎn)擊”Publish page”,發(fā)布github默認(rèn)生成的一個(gè)靜態(tài)站點(diǎn)
這里寫圖片描述

試著打開自己在github的靜態(tài)網(wǎng)址,我的http://wx-jin.github.io,你會(huì)發(fā)現(xiàn),打開是你自己剛才選擇靜態(tài)站點(diǎn)模版。
將本地hexo項(xiàng)目托管到Github

打開修改hexo目錄下配置文件_config.yml。

這里寫圖片描述

編輯最后面的deploy屬性,加入代碼:

type: git 
repository: git@github.com:WX-JIN/WX-JIN.github.io.git 
branch: master 

type使用是git。
repository屬性改成你的剛才創(chuàng)建倉庫git地址。
分支branch填寫master。

image.png

根據(jù)自己需要修改!

安裝hexo-deployer-git插件

cnpm install hexo-deployer-git --save

這里寫圖片描述

部署你本地的主題到github上

代碼如下,每次修改本地主題,都需要執(zhí)行以下代碼
hexo clean
hexo generator 簡寫 hexo g
hexo deploy 簡寫 hexo d

這里寫圖片描述

這里寫圖片描述

這里寫圖片描述

最后看下,部署到github上的效果!
這里寫圖片描述

好了,以上安裝Windows下使用

轉(zhuǎn)載自http://blog.csdn.net/wx_jin/article/details/51027783

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容