在github上創(chuàng)建個(gè)人博客缓屠,其實(shí)沒有那么難


前段時(shí)間萌發(fā)自己搭建博客的念頭奇昙,沖動(dòng)之下買了個(gè)云服務(wù)器,奈何個(gè)人對(duì)html的東西實(shí)在不通藏研,折騰了幾天敬矩,blog依然丑的可以。后來無意間看見在github上可以搭建個(gè)人blog蠢挡,就用谷歌折騰該如何在github上搭建blog弧岳,奈何網(wǎng)上很多教程都過于古老,或者很多細(xì)節(jié)都含糊不清业踏,導(dǎo)致爬了好幾天幾天坑禽炬,才blog搭建了起來。

成功搭建的hexo網(wǎng)站

我的hexo網(wǎng)站

如何在github上搭建blog

本文分為三個(gè)部分:

  • 本地環(huán)境搭建
  • github 部署
  • hexo 與github關(guān)聯(lián)

需要的的原料

  • git
  • github 賬號(hào)
  • node js
  • hexo
  • 個(gè)人域名(可選)

本地環(huán)境搭建

  1. 安裝git
https://www.git-scm.com/download/win

選擇你需要的版本勤家,一路默認(rèn)安裝便可

  1. 安裝node js
  • 32位下載地址
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi
  • 64位下載地址
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x64.msi

下載完成后雙擊安裝腹尖,不做任何操作,一直默認(rèn)下去便可伐脖。

  1. 安裝完成后win+R調(diào)出CMD命令热幔,輸入node -v,校驗(yàn)是否安裝成功讼庇,如果出現(xiàn)以下信息绎巨,則表示安裝成功</br>
    node js安裝成功
  2. 安裝完成node js后,在任意目錄下打開cmd命令窗口蠕啄,輸入以下命令來安裝hexo
npm install -g hexo

如果出現(xiàn)以下信息场勤,則表示hexo安裝成功</br>


hexo 安裝成功
  1. 接著輸入以下命令添加git依賴</br>
    注意:</br>
  • 該命令必須在hexo g 之前完成
  • 部署這個(gè)命令一定要用git bash,否則會(huì)提示Permission denied (publickey).
 npm install hexo-deployer-git --save

如果出現(xiàn)以下信息歼跟,則表示hexo git依賴安裝成功


hexo git 依賴安裝成功
  1. 創(chuàng)建hexo工程
    在任意盤符中創(chuàng)建一個(gè)文件夾和媳,把它命名為hexo,打開該文件夾哈街,在該目錄下打開cmd留瞳,輸入以下命令
hexo init

hexo 便自動(dòng)創(chuàng)建了一個(gè)項(xiàng)目,目錄結(jié)構(gòu)如下:


hexo目錄結(jié)構(gòu)
  1. 現(xiàn)在在cmd命令下輸入以下命令
hexo server -p 5001

如果出現(xiàn)以下信息叹卷,表示你已經(jīng)生成了hexo工程撼港。


hexo工程生成成功

</br>
現(xiàn)在坪它,是時(shí)候在瀏覽器中展示你的成果了骤竹,在瀏覽器地址欄中帝牡,輸入以下地址,如果出現(xiàn)以下頁面蒙揣,該頁面便是你以后的blog的預(yù)覽效果靶溜。

http://localhost:5001/
效果

github部署

如果以上的網(wǎng)頁能正常顯示,那么恭喜你懒震,本地環(huán)境搭建已經(jīng)基本完成罩息,現(xiàn)在是時(shí)候?qū)exo部署到github上了,將hexo部署你還需要完成幾個(gè)步驟:

  1. 創(chuàng)建一個(gè)github賬號(hào)

  2. 創(chuàng)建一個(gè)新的軟件倉庫个扰,名稱格式必須為:github的用戶名.github.io瓷炮。</br>
    如:我的github用戶名為:AriaLyy,那么該軟件倉庫的名必須為: AriaLyy.github.io</br>
    最終軟件倉庫如下:

    hexo軟件倉庫

  3. 現(xiàn)在點(diǎn)擊Settings递宅,往下拉娘香,如果你看見下圖的信息 Your site is published at http://AriaLyy.github.io/

    github網(wǎng)站生成

    只要出現(xiàn)可以點(diǎn)擊的網(wǎng)絡(luò)地址,那么表示github已經(jīng)成功幫你自動(dòng)生成一個(gè)靜態(tài)網(wǎng)站了办龄。

  4. 創(chuàng)建github ssk公鑰
    在任意目錄打開CMD烘绽,輸入以下命令創(chuàng)建git ssh公鑰,一路回車下去便可

ssh-keygen -t rsa -C "key_name"

接著講ssh公鑰添加到github中俐填。</br>
ps:如果你碰到ssh-keygen不是內(nèi)部命令安接,那么你需要將git安裝目錄下的Git\usr\bin路徑設(shè)置在環(huán)境變量中。

hexo 已github關(guān)聯(lián)

如果你已經(jīng)完成了以上的步驟英融,那么你離成功只剩下一步之遙盏檐。</br>
還記得我們的hexo工程,以及*.github.io的軟件倉嗎驶悟?</br>
打開該文件胡野,找到_config.yml文件,用文本編輯器打開撩银,找到deploy字段给涕,添加以下信息

deploy:
  type: git
  repository: git@github.com:AriaLyy/AriaLyy.github.io.git # 這個(gè)配置為你*.github.io軟件倉庫clone地址
  branch: master  #分支為master分支

這里有幾點(diǎn)需要注意:

  • 每個(gè)參數(shù),冒號(hào)后面额获,必須要有一個(gè)空格9幻怼!3T耪!!境肾!
  • repository 參數(shù)需要 ssh 的clone地址
  • branch 分支需要是master分支

如果你已經(jīng)配置好以上步驟剔难,接下來在hexo文件夾下打開cmd胆屿,輸入以下命令,將hexo工程部署到github上偶宫。</br>

hexo d -g

注意:部署這個(gè)命令一定要用git bash</br>
如果一切順利非迹,那么將會(huì)出現(xiàn)類似于下面的成功提示信息

hexo github關(guān)聯(lián)成功

那么在瀏覽器地址上輸入:你的*.github.io軟件倉庫的名稱,將會(huì)打開你的blog纯趋。


效果

如果一切順利憎兽,請(qǐng)盡情享受你的喜悅吧。

這是我在github上創(chuàng)建的個(gè)人blog吵冒,點(diǎn)擊我

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末纯命,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子痹栖,更是在濱河造成了極大的恐慌亿汞,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件揪阿,死亡現(xiàn)場離奇詭異疗我,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)图甜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門碍粥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人黑毅,你說我怎么就攤上這事嚼摩。” “怎么了矿瘦?”我有些...
    開封第一講書人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵枕面,是天一觀的道長。 經(jīng)常有香客問我缚去,道長潮秘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任易结,我火速辦了婚禮枕荞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘搞动。我一直安慰自己躏精,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開白布鹦肿。 她就那樣靜靜地躺著矗烛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪箩溃。 梳的紋絲不亂的頭發(fā)上瞭吃,一...
    開封第一講書人閱讀 51,190評(píng)論 1 299
  • 那天碌嘀,我揣著相機(jī)與錄音,去河邊找鬼歪架。 笑死股冗,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的牡拇。 我是一名探鬼主播魁瞪,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼穆律,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼惠呼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起峦耘,我...
    開封第一講書人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤剔蹋,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后辅髓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體泣崩,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年洛口,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了矫付。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡第焰,死狀恐怖买优,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情挺举,我是刑警寧澤杀赢,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站湘纵,受9級(jí)特大地震影響脂崔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜梧喷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一砌左、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧铺敌,春花似錦汇歹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至笔喉,卻和暖如春取视,著一層夾襖步出監(jiān)牢的瞬間硝皂,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來泰國打工作谭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留稽物,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓折欠,卻偏偏與公主長得像贝或,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子锐秦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

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