先來(lái)看看最終效果:https://handsomesuperred.github.io/
注意:本文是系列文章鸟辅,請(qǐng)先看以下內(nèi)容坡氯,再接著看本章節(jié):
Windows下使用Github Pages+Hexo搭建博客(三)
這次不再是準(zhǔn)備剖膳,終于可以創(chuàng)建能夠看見(jiàn)的個(gè)人博客了!!罩句!繼續(xù)干谍憔!
1.Hexo安裝
首先選擇你的博客放置在哪個(gè)盤(pán)匪蝙,如果你想放在F盤(pán)的Blog文件夾下,那先在F盤(pán)新建名為Blog的空文件夾习贫,然后雙擊該文件夾進(jìn)入逛球,進(jìn)入后在空白處單擊鼠標(biāo)右鍵,選擇Git Bash here來(lái)打開(kāi)Git命令行苫昌,如圖一所示颤绕。同理,如果你想放在D盤(pán)的Hexo文件夾下祟身,那先在D盤(pán)新建名為Hexo的空文件夾奥务,然后雙擊該文件夾進(jìn)入,進(jìn)入后在空白處單擊鼠標(biāo)右鍵袜硫,依然選擇Git Bash here來(lái)打開(kāi)Git命令行汗洒。
如圖二所示,打開(kāi)Git Bash以后輸入npm install -g hexo-cli安裝Hexo父款,安裝好以后不要關(guān)閉Git Bash溢谤,接下來(lái)還要用。Hexo有它的默認(rèn)路徑憨攒,能夠看到Hexo都安裝在了C盤(pán)世杀。
2.Hexo部署
如圖三所示,安裝好Hexo后肝集,繼續(xù)在該Git Bash里輸入如下命令進(jìn)行初始化瞻坝。如果剛才關(guān)閉了,那就按照?qǐng)D一執(zhí)行一遍Git Bash就在當(dāng)前目錄了杏瞻,或者直接使用cd命令進(jìn)入指定的目錄層級(jí)所刀。
hexo init <folder>
cd <folder>
npm install
其中,<folder>是你要保存博客內(nèi)容的文件夾的名字捞挥。
例如我想將博客保存在Hexo中浮创,那我就使用hexo init Hexo命令。如果你不想用Hexo命名砌函,你想將文件夾叫做Handsome斩披,那你可以使用Hexo init Handsome命令溜族。所以上面三個(gè)命令就是:
hexo init Hexo
cd Hexo
npm install
.
新建完成后,指定文件夾的目錄如下:
├── _config.yml
├── package.json
├── scaffolds
├── source
|? ├── _drafts
|? └── _posts
└── themes
Hexo初始化成功以后垦沉,輸入cd hexo進(jìn)入Hexo文件夾煌抒,如圖四所示。
再依次輸入如下命令:
hexo generate
hexo deploy?
hexo server
然后系統(tǒng)會(huì)出現(xiàn)如下提示:
INFO? Start processing
INFO? Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
這時(shí)再瀏覽器地址欄輸入http://localhost:4000/厕倍,就可以看到如圖五所示的默認(rèn)博客界面寡壮。
3.將本地文件部署到 GitHub
修改 Hexo 中的根目錄的 _config.yml 文件,在 Hexo 文件夾下找到 _config.yml 文件讹弯,如圖六所示:
找到其中的 deploy 標(biāo)簽诬像,改成圖七所示形式,并保存闸婴。注意:冒號(hào)后面要加上一個(gè)空格坏挠,否則會(huì)報(bào)錯(cuò);還有改的時(shí)候?qū)epo的用戶名替換為你的用戶名邪乍。
將其 deploy 到倉(cāng)庫(kù)中降狠。
打開(kāi) Git Bash進(jìn)入創(chuàng)建的Hexo文件夾(我命名叫Hexo,你要看你自己命名的叫什么)庇楞,依次輸入以下命令:
hexo clean
hexo generate
hexo deploy
如果出現(xiàn)下錯(cuò)誤榜配,別擔(dān)心:
Error: Deployer not found : github
將圖七deploy 的 type 改成 git,然后同時(shí)再在 Git Bash中運(yùn)行以下命令:
npm install hexo-deployer-git --save
再重新來(lái)一遍:
hexo clean
hexo generate
hexo deploy
出現(xiàn)圖八的提示吕晌,恭喜你蛋褥,成功了!
這時(shí)就已經(jīng)部署到 GitHub 上了睛驳,可以到你的GitHub倉(cāng)庫(kù)查看是否已經(jīng)更新烙心。
通過(guò)https://your_user_name.github.io(即你那個(gè)倉(cāng)庫(kù)的名稱,形如https://你的 GitHub 用戶名.github.io)乏沸,就可以看到你的個(gè)人博客了淫茵。比如我的用戶名是handsomesuperred,要看我的博客就在瀏覽器的網(wǎng)址輸入https://handsomesuperred.github.io/即可蹬跃。匙瘪,
至此,終于搭建了自己的博客蝶缀。但還沒(méi)完丹喻,下一篇將寫(xiě)自定義自己的博客,讓自己的界面變漂亮翁都!加油碍论,好累。