Windows下使用Github Pages+Hexo搭建博客(三)

先來(lái)看看最終效果:https://handsomesuperred.github.io/


注意:本文是系列文章鸟辅,請(qǐng)先看以下內(nèi)容坡氯,再接著看本章節(jié):

Windows下使用Github Pages+Hexo搭建博客(一)

Windows下使用Github Pages+Hexo搭建博客(二)

效果

Windows下使用Github Pages+Hexo搭建博客(三)

Windows下使用Github Pages+Hexo搭建博客(四)

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ě)自定義自己的博客,讓自己的界面變漂亮翁都!加油碍论,好累。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末荐吵,一起剝皮案震驚了整個(gè)濱河市骑冗,隨后出現(xiàn)的幾起案子赊瞬,更是在濱河造成了極大的恐慌先煎,老刑警劉巖贼涩,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異薯蝎,居然都是意外死亡遥倦,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)占锯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)袒哥,“玉大人,你說(shuō)我怎么就攤上這事消略”こ疲” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵艺演,是天一觀的道長(zhǎng)却紧。 經(jīng)常有香客問(wèn)我,道長(zhǎng)胎撤,這世上最難降的妖魔是什么晓殊? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮伤提,結(jié)果婚禮上巫俺,老公的妹妹穿的比我還像新娘。我一直安慰自己肿男,他們只是感情好介汹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著舶沛,像睡著了一般痴昧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上冠王,一...
    開(kāi)封第一講書(shū)人閱讀 51,708評(píng)論 1 305
  • 那天赶撰,我揣著相機(jī)與錄音,去河邊找鬼柱彻。 笑死豪娜,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的哟楷。 我是一名探鬼主播瘤载,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼卖擅!你這毒婦竟也來(lái)了鸣奔?” 一聲冷哼從身側(cè)響起墨技,我...
    開(kāi)封第一講書(shū)人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎挎狸,沒(méi)想到半個(gè)月后扣汪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡锨匆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年崭别,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恐锣。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡茅主,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出土榴,到底是詐尸還是另有隱情诀姚,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布玷禽,位于F島的核電站赫段,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏论衍。R本人自食惡果不足惜瑞佩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望坯台。 院中可真熱鬧炬丸,春花似錦、人聲如沸蜒蕾。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)咪啡。三九已至首启,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間撤摸,已是汗流浹背毅桃。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留准夷,地道東北人钥飞。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像衫嵌,于是被迫代替她去往敵國(guó)和親读宙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

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