一直想要擁有自己的一個(gè)博客,CSDN,那些又覺得不夠個(gè)性化(主要是覺得逼格不夠,哈哈)
Github搭建博客的優(yōu)點(diǎn):1、不需要域名和服務(wù)器
2、訪問自己博客的時(shí)候沒有廣告
3、可以自己修改樣式,能根據(jù)自己的需求加功能。
首先來一篇預(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)境,安裝過程中一路Next即可。
>>Git客戶端:https://git-scm.com/downloads/Git用來將hexo的相關(guān)文件部署到Github上去,安裝過程一路Next。
>>安裝hexo框架
環(huán)境準(zhǔn)備好以后,我們便可以安裝hexo的博客框架。
在桌面鼠標(biāo)右擊,選擇 Git Bash Here,
然后就會(huì)打開Git的命令窗口,在命令窗口輸入安裝命令后,然后回車
npm install -g hexo
然后在指定的盤新建一個(gè)名為“ hexo ”的文件夾,如
然后以下的命令都在新建的hexo文件下進(jìn)行
在這個(gè)新建的文件夾內(nèi)鼠標(biāo)右鍵,同樣選擇Git Bash Here,輸入初始化命令,然后回車,等命令執(zhí)行完,就會(huì)看到生成了一系列的文件;
hexo init
安裝相關(guān)的依賴包,輸入下面的命令,回車
npm install
接著在hexo文件夾下面繼續(xù)執(zhí)行以下命令
hexo g
hexo s
命令執(zhí)行完后瀏覽器訪問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.
接下來就是部署文件到Github了。
用Nodepad++打開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"
然后再回車三次,等命令執(zhí)行完,再輸入以下指令
1、eval `ssh-agent -s`
2、ssh-add
然后輸入指令拷貝Key
clip < ~/.ssh/id_rsa.pub
然后進(jìn)入自己剛注冊(cè)的Github
接下來測(cè)試ssh是否配好了,輸入下面的指令,會(huì)提示你輸入yes/no你輸入yes就行,這樣ssh就配好了,接下來我們就可以將項(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)闆]有安裝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)行訪問即可,(將Chakid改成自己之前注冊(cè)的Github的用戶名即可) 這時(shí)就會(huì)發(fā)現(xiàn)可以訪問自己之前在本地預(yù)覽的頁(yè)面了。
此時(shí)是不是有著一絲絲的成就感,終于有了屬于自己的博客。
附錄:
常用指令
1、hexo g #完整命令為hexo generate,用于生成靜態(tài)文件
2、hexo s #完整命令為hexo server,用于啟動(dòng)服務(wù)器,主要用來本地預(yù)覽
3、hexo d #完整命令為hexo deploy,用于將本地文件發(fā)布到github上
4、hexo n #完整命令為hexo new,用于新建一篇文章
本文很大一部分參考了http://leeyom.top/,感謝該作者。