使用「GitHub」+「Hexo」創(chuàng)建自己的個(gè)人網(wǎng)站(二)

在安裝好git, Node.jshexo之后苏章,我們就可以開(kāi)始正式搭建了皇帮,可以按照下面的步驟一步步操作刽严。

GitHub上創(chuàng)建Repository

登錄GitHub后寸潦,新建一個(gè)Repository用于存放以后個(gè)人網(wǎng)站的所有內(nèi)容。注意在新建時(shí)將倉(cāng)庫(kù)名稱命名為<username>.github.io琉历,其中<username>內(nèi)容為你自己GitHub的用戶名坠七。

配置SSH Keys

檢查電腦現(xiàn)有的SSH Key

在終端輸入命令:

~ % cd ~/.ssh

若提示 「No such file or directory」,說(shuō)明我們需要生成一個(gè)新的SSH Key旗笔。

生成SSH Key

在終端輸入命令:

~ % ssh-keygen -t rsa -C "<your email>@xxx.com  
# ssh-keygen -t rsa -C "yangj@163.com"

注意這里的郵箱是你自己的GitHub注冊(cè)郵箱彪置。之后終端會(huì)要求你輸入密碼,如下:

~ % Enter passphrase (empty for no passphrase): <設(shè)置密碼>
~ % Enter same passphrase again: <再次輸入密碼>

添加SSH Key到GitHub

在本地文件夾找到id_rsa.pub文件换团,這個(gè)文件的具體位置在上述生成SSH Key時(shí)會(huì)告訴你悉稠,講文件打開(kāi)后,復(fù)制全部?jī)?nèi)容艘包。
回到GitHub的Repository中的猛,依次點(diǎn)擊Setting->SSH and GPG keys,然后填寫(xiě)「Title」及「Key」這兩部分內(nèi)容想虎。其中「Title」是你對(duì)這個(gè)SSH Key的命名卦尊,可根據(jù)自己喜好來(lái)填寫(xiě)∩喑「Key」部分內(nèi)容就是剛剛我們?cè)?code>id_rsa.pub文件中復(fù)制的全部?jī)?nèi)容岂却。

測(cè)試是否關(guān)聯(lián)成功

輸入命令:

~ % ssh -T git@github.com

根據(jù)提示進(jìn)行操作,輸入密碼后,若看到「You’ve successfully authenticated…」內(nèi)容則說(shuō)明關(guān)聯(lián)成功躏哩。

配置用戶信息

輸入命令:

~ % git config --global user.name "<username>"  // 輸入注冊(cè)時(shí)的username
~ % git config --global user.email  "<your email>@xxx.com"   // 填寫(xiě)注冊(cè)郵箱

至此署浩,SSH Key配置成功啦!??

在配置過(guò)程中有什么問(wèn)題請(qǐng)參考官方文檔「Connecting to GitHub with SSH」

在本地搭建Hexo博客

在本地建立一個(gè)文件夾扫尺,用于存放和編輯你的所有網(wǎng)站內(nèi)容筋栋。然后在終端通過(guò)命令進(jìn)入目錄。

~ % cd <your directory>  // 進(jìn)入本地博客目錄

之后正驻,使用hexo系列命令進(jìn)行博客創(chuàng)建

~ % hexo init  // 創(chuàng)建hexo
~ % npm install  // 安裝依賴
~ % npm install hexo-deployer-git --save  // 確保git部署

完成以上操作后弊攘,恭喜你!現(xiàn)在已經(jīng)搭建好本地的 Hexo 博客了姑曙。??
然后執(zhí)行以下命令:

~ % hexo g
~ % hexo s

現(xiàn)在就可以在瀏覽器中輸入localhost:400來(lái)預(yù)覽本地的博客網(wǎng)站啦襟交!

注意:在進(jìn)行博客搭建工作時(shí),每次使用hexo系列命令都要在你的本地博客目錄下伤靠,而且每次進(jìn)行相應(yīng)改動(dòng)后都要hexo g生成一下

將博客部署到<username>.github.io

打開(kāi)本地博客目錄中的_config.yml文件捣域,按照下面的內(nèi)容修改文件中的最后配置內(nèi)容:

deploy:
  type: git
  repository: git@github.com:<username>/<username>.github.io.git  //你的GitHub 倉(cāng)庫(kù)的SSH碼
  branch: master  // GitHub的分支名稱

最后,使用下面的命令就將本地博客部署到GitHub上了:

~ % hexo d

現(xiàn)在醋界,你在瀏覽器中輸入你的博客網(wǎng)址:<username>.github.io竟宋,就能看到你自己的個(gè)人網(wǎng)站啦提完!

這里的分支名稱是master形纺,實(shí)際上在新建Repository是的默認(rèn)分支名稱是main,需要注意一下到底哪個(gè)是活動(dòng)分支徒欣。這里可能會(huì)出現(xiàn)明明使用hexo d進(jìn)行了部署更新但是服務(wù)器確依然顯示的是更新前的內(nèi)容逐样,若出現(xiàn)這種情況可以參考:關(guān)于hexo更新到GitHub后博客內(nèi)容未變問(wèn)題

總結(jié)

恭喜你,你已經(jīng)擁有一個(gè)自己的個(gè)人網(wǎng)站啦打肝!????????下面就是如何寫(xiě)好自己的博客脂新。Hexo功能十分強(qiáng)大,也有很多豐富的主題可以供大家選擇粗梭。希望我們可以用心維護(hù)自己的個(gè)人網(wǎng)站争便,這一定是一件很酷的事情!断医!

參考資料
  1. 如何搭建自己的個(gè)人網(wǎng)站(上)
  2. 超詳細(xì)Hexo+Github博客搭建小白教程
  3. 關(guān)于hexo更新到GitHub后博客內(nèi)容未變問(wèn)題

(END)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末滞乙,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子鉴嗤,更是在濱河造成了極大的恐慌斩启,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件醉锅,死亡現(xiàn)場(chǎng)離奇詭異兔簇,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門垄琐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)边酒,“玉大人,你說(shuō)我怎么就攤上這事狸窘∩醺伲” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵朦前,是天一觀的道長(zhǎng)介杆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)韭寸,這世上最難降的妖魔是什么春哨? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮恩伺,結(jié)果婚禮上赴背,老公的妹妹穿的比我還像新娘。我一直安慰自己晶渠,他們只是感情好凰荚,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著褒脯,像睡著了一般便瑟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上番川,一...
    開(kāi)封第一講書(shū)人閱讀 51,590評(píng)論 1 305
  • 那天到涂,我揣著相機(jī)與錄音,去河邊找鬼颁督。 笑死践啄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的沉御。 我是一名探鬼主播屿讽,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼吠裆!你這毒婦竟也來(lái)了伐谈?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤硫痰,失蹤者是張志新(化名)和其女友劉穎衩婚,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體效斑,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡非春,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片奇昙。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡护侮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出储耐,到底是詐尸還是另有隱情羊初,我是刑警寧澤,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布什湘,位于F島的核電站长赞,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏闽撤。R本人自食惡果不足惜得哆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望哟旗。 院中可真熱鬧贩据,春花似錦、人聲如沸闸餐。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)舍沙。三九已至近上,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間场勤,已是汗流浹背戈锻。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工歼跟, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留和媳,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓哈街,卻偏偏與公主長(zhǎng)得像留瞳,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子骚秦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

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