個(gè)人博客搭建與配置:Hexo-github-域名綁定

最近想搭建個(gè)人的博客網(wǎng)站,查詢一些信息以后決定采用Hexo
+Github Pages的方式蜀踏。該方法站在巨人的肩膀上,很是方便快捷掰吕,找了個(gè)很喜歡的主題果覆,做了點(diǎn)配置就可以,最后在阿里云上買(mǎi)了個(gè)域名殖熟,成功搞定就差寫(xiě)博客了局待。這里就說(shuō)一下建站的整個(gè)過(guò)程。
個(gè)人博客地址
http://he-zhao.cn

前期準(zhǔn)備

Github Pages

注冊(cè)了Github賬號(hào)以后菱属,每個(gè)賬號(hào)可以建一個(gè)Github Pages

Create a new repository

Create a new repository后钳榨,嚴(yán)格使用你的github用戶名+.github.io命名新的repository,例如我的用戶名為mrgiser纽门,新建的取名為 mrgiser.github.io薛耻,其他設(shè)置不用關(guān)心,這樣GIthub Pages 所需要的版本庫(kù)也創(chuàng)建好了膜毁。

安裝Hexo

安裝好Git跟Node.js后昭卓,在cmd中執(zhí)行

$ npm install -g hexo-cli                  //安裝hexo客戶端
$ npm install hexo-deployer-git --save     //安裝用于部署到Git的插件

以上完成之后,執(zhí)行下面的命令瘟滨,Hexo將會(huì)在指定文件夾中新建所需要的文件候醒。

$ hexo init <folder>
$ cd <folder>
$ npm install

至此,hexo安裝完成杂瘸。

修改主題

其實(shí)安裝hexo的過(guò)程很簡(jiǎn)單倒淫,主要時(shí)間花在了找主題以及主題配置上了。我選擇了一款在NexT上修改的主題iissnan败玉。

進(jìn)入Hexo文件夾敌土。然后使用下面的命令clone下iissnan主題镜硕,主題的文件代碼將被下載至themes/iissnan文件夾中。

$ git clone https://github.com/mrgiser/mrgiser.github.io.git themes/iissnan

打開(kāi)博客主文件夾下的_config.yml返干,修改其中的theme 屬性兴枯。theme: 后面要加空格。

theme: iissnan

本地部署

部署在本地方便查看調(diào)試效果矩欠,命令如下:

$ hexo g #在public文件夾下生成靜態(tài)頁(yè)面
$ hexo s #啟動(dòng)本地服務(wù)财剖,進(jìn)行文章預(yù)覽調(diào)試,瀏覽器輸入http://localhost:4000查看效果

發(fā)布到Github Pages

先對(duì)Git進(jìn)行配置:

$ git config --global user.name "your name"
$ git config --global user.email "email@email.com"

博客主文件夾下的_config.yml,也就是 站點(diǎn)配置文件 ,配置其中的deploy參數(shù)癌淮,詳細(xì)請(qǐng)查看官方文檔中部署部分躺坟。
我的設(shè)置如下所示:

deploy:
  type: git
  repository: git@github.com:mrgiser/mrgiser.github.io.git
  branch: master

配置完成保存后,執(zhí)行以下命令將代碼同步到github pages上:

$ hexo g #需要先生成靜態(tài)文件
$ hexo d #將代碼部署到github

輸入https://XXXX.github.io訪問(wèn)個(gè)人github pages乳蓄,其中XXXX為你github的用戶名咪橙。

Hexo配置

請(qǐng)記住博客主文件夾下的blog_config.yml為站點(diǎn)配置文件,主題配置文件為blog\themes\iissnan_config.yml虚倒。

作者美侦、標(biāo)題、描述裹刮、語(yǔ)言等站點(diǎn)配置

修改 站點(diǎn)配置文件 中的如下配置:

# Site
title: Pegasus
subtitle: 
description: 記錄生活音榜,寫(xiě)點(diǎn)東西
author: Pegasus.He
language: zh-Hans
timezone:

導(dǎo)航欄與側(cè)邊欄

在導(dǎo)航欄中加入歸檔、分類(lèi)捧弃、標(biāo)簽、關(guān)于等擦囊,在主題配置文件中修改如下部分

menu:
  home: / || home
  archives: /archives/ || archive
  tags: /tags/ || tags
  categories: /categories/ || th
  about: /about/ || user

社交信息添加

主題配置文件中修改如下部分

social:
  GitHub: https://github.com/XXXXXX|| github
  E-Mail: mailto:XXXXXXXX || envelope
  #Google: https://plus.google.com/yourname || google
  #Twitter: https://twitter.com/yourname || twitter
  #FB Page: https://www.facebook.com/yourname || facebook

頭像

主題配置文件中修改如下部分,添加頭像照片

# Sidebar Avatar
# in theme directory(source/images): /images/avatar.gif
# in site  directory(source/uploads): /uploads/avatar.gif
avatar: /images/IMG_3428.JPG

其他主題配置

其他主題配置可參考next使用文檔违霞,Git上的有關(guān)主題的問(wèn)答

域名配置

這里講述在阿里云上購(gòu)買(mǎi)的域名如何配置,登陸阿里云-控制臺(tái)-域名服務(wù)-域名瞬场,選擇需要配置的域名买鸽,點(diǎn)擊解析。

域名配置

刪除默認(rèn)所有主機(jī)記錄為@的記錄贯被,添加解析參考如下:
添加解析

在*blog\source*文件夾下新建文件CNAME(在此新建文件眼五,可以保證hexo d的時(shí)候不會(huì)刪除掉),文本打開(kāi)編輯彤灶,添加個(gè)人購(gòu)買(mǎi)的域名看幼,例如he-zhao.cn

CNAME

重新部署

$ hexo g #需要先生成靜態(tài)文件
$ hexo d #將代碼部署到github

至此域名綁定就完成了,訪問(wèn)自己的域名時(shí)幌陕,會(huì)顯示github pages的頁(yè)面诵姜。

寫(xiě)在最后

個(gè)人博客網(wǎng)站建好了,更重要的是好好記錄搏熄。最后個(gè)人博客地址希望支持棚唆,后期會(huì)增加一些技術(shù)博客暇赤,希望支持。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末宵凌,一起剝皮案震驚了整個(gè)濱河市鞋囊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌瞎惫,老刑警劉巖溜腐,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異微饥,居然都是意外死亡逗扒,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)欠橘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)矩肩,“玉大人,你說(shuō)我怎么就攤上這事肃续∈蜷荩” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)昼丑。 經(jīng)常有香客問(wèn)我载城,道長(zhǎng),這世上最難降的妖魔是什么棵里? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮姐呐,結(jié)果婚禮上殿怜,老公的妹妹穿的比我還像新娘。我一直安慰自己曙砂,他們只是感情好头谜,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著鸠澈,像睡著了一般柱告。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上笑陈,一...
    開(kāi)封第一講書(shū)人閱讀 52,713評(píng)論 1 312
  • 那天际度,我揣著相機(jī)與錄音,去河邊找鬼新锈。 笑死甲脏,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播块请,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼娜氏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了墩新?” 一聲冷哼從身側(cè)響起贸弥,我...
    開(kāi)封第一講書(shū)人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎海渊,沒(méi)想到半個(gè)月后绵疲,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡臣疑,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年盔憨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片讯沈。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡郁岩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出缺狠,到底是詐尸還是另有隱情问慎,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布挤茄,位于F島的核電站如叼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏穷劈。R本人自食惡果不足惜笼恰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望歇终。 院中可真熱鬧挖腰,春花似錦、人聲如沸练湿。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)肥哎。三九已至,卻和暖如春疾渣,著一層夾襖步出監(jiān)牢的瞬間篡诽,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工榴捡, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留杈女,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像达椰,于是被迫代替她去往敵國(guó)和親翰蠢。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

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