廢話
一直想弄一個(gè)自己的博客,之前一直在觀望中裸扶。框都。。
以前玩過(guò)WordPress呵晨,當(dāng)然不是建博客魏保,是上大學(xué)的時(shí)候用WordPress賺了幾包辣條的錢熬尺,我也不懂PHP,會(huì)一點(diǎn)簡(jiǎn)單的Html就找個(gè)模板改吧改吧而已谓罗,現(xiàn)在工作了粱哼,作為一個(gè)有情懷的人,肯定要有一個(gè)自己的博客才行啊檩咱,于是各種找教程揭措,最終確定了用github + hexo來(lái)搭建,至于為什么選hexo刻蚯,反正我在網(wǎng)上看了很久
于是就開(kāi)始了折騰绊含,整個(gè)過(guò)程就一個(gè)晚上,配置起來(lái)確實(shí)很簡(jiǎn)單炊汹,整個(gè)過(guò)程參考了使用Hexo搭建個(gè)人博客(基于hexo3.0)躬充,在此非常感謝博主的分享。
整個(gè)搭建過(guò)程還算順利讨便,在此把我搭建的整個(gè)過(guò)程分享出來(lái)麻裳,希望可以幫助到更多的人。
此文適合新手小白玩家器钟,本人也是第一次寫文章津坑,如有不對(duì)的地方,還請(qǐng)指出
廢話說(shuō)多了傲霸,開(kāi)始吧疆瑰。。昙啄。穆役。。梳凛。耿币。
1、安裝Git
下載Windows下的Git客戶端并安裝韧拒,安裝很簡(jiǎn)單淹接,基本一路Next下去。
2叛溢、安裝Node.js
下載Node.js塑悼,安裝Node.js也是一路Next下去。
3楷掉、Github配置
Github賬號(hào)注冊(cè)就不說(shuō)了厢蒜,登陸過(guò)后點(diǎn)擊new repository,Repository name填寫自己的名稱 + .github.io,
例如(test.github.io斑鸦,test就是你的github賬號(hào)的名稱)(由于我也是才剛剛接觸Github沒(méi)多久愕贡,暫時(shí)就不說(shuō)我的賬號(hào)了,哈哈哈巷屿,太Low了)颂鸿,其他的可以不用填寫,也不需要改什么攒庵。
然后直接點(diǎn)Create repository就可以了。
4败晴、配置Github SSH密鑰
首先在桌面空白處鼠標(biāo)右鍵選擇Git Bash Here
ssh-keygen -t rsa -C "your's emaill address"
引號(hào)里面的內(nèi)容輸入你的郵箱地址浓冒,然后回車,會(huì)提示你文件保存的路徑尖坤,這時(shí)候按回車鍵確認(rèn)
然后會(huì)提示你輸入密碼稳懒,輸入即可(輸入密碼是看不到的),然后會(huì)確認(rèn)輸入一次慢味,就可以在剛剛的路徑看到生成了兩個(gè)文件场梆,一個(gè)是id_rsa,另一個(gè)是id_rsa.pub纯路,用notepadd++打開(kāi)id_rsa.pub然后選中里面的全部?jī)?nèi)容或油,復(fù)制下來(lái)。
登錄github驰唬,點(diǎn)擊頭像可以看到setting選項(xiàng)顶岸,點(diǎn)擊進(jìn)入
然后可以看到左邊有一個(gè)SSH and GPG keys選項(xiàng)
點(diǎn)擊就可以看到以下界面,點(diǎn)擊New SSH
這里的Title隨便填寫叫编,主要是為了方便管理密鑰
然后把剛剛拷貝的內(nèi)容粘貼到Key里面去
然后點(diǎn)擊Add SSH key
到此辖佣,Github上面的SSH配置就算完成了
5、創(chuàng)建本地倉(cāng)庫(kù)與Github同步
首先是在本地的任意一個(gè)分區(qū)創(chuàng)建一個(gè)任意的文件夾搓逾,路徑中最好不要用中文吧卷谈,反正你懂的
然后進(jìn)入到剛剛創(chuàng)建的文件夾,右鍵霞篡,然后點(diǎn)擊Git Bash Here
依次輸入以下命令(前面的$符號(hào)就不要復(fù)制了哈)
$ git init
$ git config --global user.name "Your's name"
$ git config --global user.email "Your's email address"
其中的Your's name替換成你的名稱世蔗,Your's email address替換成你的郵件地址即可
然后再當(dāng)前的文件夾下面新建一個(gè)README.md文件,然后右鍵用notepad++打開(kāi)朗兵,隨便寫入一點(diǎn)內(nèi)容凸郑,做一次簡(jiǎn)單的提交,輸入以下命令
其中的yourname是github賬號(hào)的名稱矛市,每個(gè)人是不一樣的
git add README.md
git commit -m "first commit"
git remote add origin git@github.com:yourname/yourname.github.io.git
git push -u origin master
這時(shí)候進(jìn)入到github應(yīng)該就可以看到倉(cāng)庫(kù)下面有一個(gè)剛剛提交的README.md的文檔了芙沥。
6、安裝Hexo
在桌面空白處右鍵打開(kāi)Git Bash Here,可以先測(cè)試一下Node.js是否安裝成功而昨,直接輸入node可以看到提示符變成了一個(gè)向右的箭頭就表示成功了救氯,然后按ctrl + c退出node模式,出現(xiàn)$符號(hào)才表示正常了
輸入以下命令
$ npm install -g hexo-cli
敲完回車可能沒(méi)有任何提示歌憨,請(qǐng)一定要耐心等待
安裝成功后着憨,可以輸入以下命令測(cè)試以下Hexo是否安裝成功
$ hexo version
如果能看到hexo的版本號(hào)信息,就表示安裝成功了
接下來(lái)务嫡,進(jìn)入到我們剛剛創(chuàng)建的文件夾甲抖,右鍵打開(kāi)Git Bash Here
然后依次輸入以下命令
$ hexo init
$ npm install
$ hexo g
$ hexo s
這時(shí)候在瀏覽器輸入http://localhost:4000/ 就可以看到hexo已經(jīng)成功生成了博客,當(dāng)然這只是我們本地可以看到的
7心铃、配置Hexo到Github
找到我們剛剛創(chuàng)建的文件夾准谚,在里面找到_config.yml文件,用notepad++打開(kāi)去扣,直接拖到最后柱衔,可以看到
deploy:
type:
改成以下,特別注意愉棱,在:的后面是有一個(gè)空格的唆铐,千萬(wàn)要小心,不然后出錯(cuò)的奔滑,其中yourname即在github上面的用戶名
deploy:
type: git
repository: http://github.com/yourname/yourname.github.io.git
branch: master
保存后艾岂,然后在當(dāng)前文件夾打開(kāi)Git Bash Here
$ hexo g
$ hexo d
如果出現(xiàn)以下異常
ERROR Deployer not found: git
嘗試輸入以下命令,然后重新執(zhí)行剛剛的兩條命令
$ npm install hexo-deployer-git --save
這時(shí)候如果彈出一個(gè)對(duì)話框朋其,輸入在guthub上面的用戶名和密碼即可
這時(shí)候我們就可以在瀏覽器輸入http://yourname.github.io(yourname替換成github上的名稱)就可以看到博客已經(jīng)搭建成功了澳盐。
到此結(jié)束令宿,車來(lái)了叼耙,我要準(zhǔn)備上車了
如有疑問(wèn),請(qǐng)留言粒没。筛婉。。