一直想要擁有自己的一個(gè)博客锈颗,CSDN顷霹,那些又覺(jué)得不夠個(gè)性化(主要是覺(jué)得逼格不夠,哈哈)
Github搭建博客的優(yōu)點(diǎn):1击吱、不需要域名和服務(wù)器
2淋淀、訪問(wèn)自己博客的時(shí)候沒(méi)有廣告
3覆醇、可以自己修改樣式袍辞,能根據(jù)自己的需求加功能。
首先來(lái)一篇預(yù)覽的博客,讓大家看看效果:這是我自己用Github搭建的:https://chakid.github.io/
***以下教程基于Windows環(huán)境
首先博客搭建的環(huán)境
>>node.js:https://nodejs.org/en/因?yàn)檎麄€(gè)博客框架是基于node.js的,所以必須安裝node.js環(huán)境界拦,安裝過(guò)程中一路Next即可。
>>Git客戶端:https://git-scm.com/downloads/Git用來(lái)將hexo的相關(guān)文件部署到Github上去隐岛,安裝過(guò)程一路Next齐帚。
>>安裝hexo框架
環(huán)境準(zhǔn)備好以后,我們便可以安裝hexo的博客框架。
在桌面鼠標(biāo)右擊旗们,選擇 Git Bash Here,
然后就會(huì)打開(kāi)Git的命令窗口稠氮,在命令窗口輸入安裝命令后寂拆,然后回車(chē)
npm install -g hexo
然后在指定的盤(pán)新建一個(gè)名為“ hexo ”的文件夾渺蒿,如
然后以下的命令都在新建的hexo文件下進(jìn)行
在這個(gè)新建的文件夾內(nèi)鼠標(biāo)右鍵,同樣選擇Git Bash Here,輸入初始化命令,然后回車(chē),等命令執(zhí)行完,就會(huì)看到生成了一系列的文件;
hexo init
安裝相關(guān)的依賴包,輸入下面的命令,回車(chē)
npm install
接著在hexo文件夾下面繼續(xù)執(zhí)行以下命令
hexo g
hexo s
命令執(zhí)行完后瀏覽器訪問(wèn)http://localhost:4000或者127.0.0.1:400,就會(huì)看到hexo的初始界面,是不是有著一絲絲的成就感?但是,這個(gè)界面還是在本地,別人并不能看到,想要?jiǎng)e人看到辙浑,我們就必須將這些文件部署到Github上去激涤。
首先我們需要到Github官網(wǎng)創(chuàng)建一個(gè)賬號(hào)倦踢,創(chuàng)建鏈接:https://github.com/
創(chuàng)建完賬號(hào)后我們新建一個(gè)Repository
這里要注意倉(cāng)庫(kù)的名字褂微,必須是自己的Github賬戶的用戶名.github.io,像我的就是Chakid.github.io.
接下來(lái)就是部署文件到Github了。
用Nodepad++打開(kāi)hexo文件夾下面的_config.yml文件,該文件的最下面找到關(guān)鍵字deploy,然后修改成下面這樣灭抑,用我自己的做案例
deploy:
type: git
repository: https://github.com/Chakid/Chakid.github.io.git
branch: master
這里擁有兩個(gè)注意點(diǎn):1十艾、每個(gè)冒號(hào)后面都有一個(gè)空格,修改的時(shí)候別忘了案腺;
2庆冕、注意修改的對(duì)應(yīng)點(diǎn)要是自己的Github的賬戶名,別修改錯(cuò)了劈榨。
修改完保存
但是這樣還不能連接到 github 访递,我們還需要配置SSH,找到路徑C:\Users\leeyom.ssh同辣,如果已經(jīng)存在SSH Keys 拷姿,直接刪除.ssh 文件夾下的所有的文件,如下圖旱函。
然后繼續(xù)在hexo文件夾下面輸入下面的指令
ssh-keygen -t rsa -C "1547658639@qq.com"
然后再回車(chē)三次响巢,等命令執(zhí)行完,再輸入以下指令
1棒妨、eval `ssh-agent -s`
2抵乓、ssh-add
然后輸入指令拷貝Key
clip < ~/.ssh/id_rsa.pub
然后進(jìn)入自己剛注冊(cè)的Github
接下來(lái)測(cè)試ssh是否配好了,輸入下面的指令,會(huì)提示你輸入yes/no你輸入yes就行灾炭,這樣ssh就配好了,接下來(lái)我們就可以將項(xiàng)目部署到Github上面了颅眶。
ssh -Tgit@github.com
然后執(zhí)行以下命令將項(xiàng)目部署到Github上面
1蜈出、hexo g
2、hexo d
但是輸入hexo d可能會(huì)報(bào)ERROR Deployer not fount: git錯(cuò)誤涛酗,這是因?yàn)闆](méi)有安裝hexo-deployer-git這個(gè)模塊铡原,導(dǎo)致Git不能識(shí)別該命令,輸入下面指令安裝該模塊即可商叹。
npm install hexo-deployer-git --save
安裝該模塊的時(shí)間由網(wǎng)速?zèng)Q定燕刻,因?yàn)镚ithub畢竟是國(guó)外的網(wǎng)站,并不是很穩(wěn)定剖笙,所以請(qǐng)讀者耐心等待卵洗。有事可能會(huì)因?yàn)閿嗑W(wǎng)等導(dǎo)致該模塊安裝失敗,安裝失敗時(shí)還請(qǐng)讀者多試兩邊弥咪。等模塊安裝完再次執(zhí)行
hexo d
這是就會(huì)有彈出框过蹂,輸入自己之前注冊(cè)的github賬號(hào)進(jìn)行登錄即可,然后瀏覽器輸入Chakid.github.io進(jìn)行訪問(wèn)即可聚至,(將Chakid改成自己之前注冊(cè)的Github的用戶名即可) 這時(shí)就會(huì)發(fā)現(xiàn)可以訪問(wèn)自己之前在本地預(yù)覽的頁(yè)面了酷勺。
此時(shí)是不是有著一絲絲的成就感,終于有了屬于自己的博客扳躬。
附錄:
常用指令
1脆诉、hexo g #完整命令為hexo generate,用于生成靜態(tài)文件
2、hexo s #完整命令為hexo server,用于啟動(dòng)服務(wù)器贷币,主要用來(lái)本地預(yù)覽
3击胜、hexo d #完整命令為hexo deploy,用于將本地文件發(fā)布到github上
4、hexo n #完整命令為hexo new,用于新建一篇文章
本文很大一部分參考了http://leeyom.top/片择,感謝該作者潜的。