MAC環(huán)境下使用hexo+github搭建個(gè)人博客(更新綁定個(gè)人域名的內(nèi)容)

hexo是一個(gè)快速市怎、簡(jiǎn)潔且高效的博客框架,深受開發(fā)者青睞,在這里記錄一下如何快速的用hexo+github搭建一個(gè)屬于自己的個(gè)人博客谣沸。

初始化hexo

  1. 安裝node.js
    可以到node.js的官網(wǎng)根據(jù)自己的系統(tǒng)下載相應(yīng)的安裝包死姚,Mac用戶可以直接到我網(wǎng)盤下載人乓,速度比較快
  2. 安裝git
    mac下安裝Xcode就自帶git,相信這個(gè)對(duì)于程序員來說不是難事
  3. 注冊(cè)github賬號(hào)
    注冊(cè)過程就不多說了,注冊(cè)完成后需要新建一個(gè)倉(cāng)庫(kù)都毒,并且命名為【username.github.io】色罚,例如我的github用戶名是WhisperKarl,所以我的倉(cāng)庫(kù)名是【WhisperKarl.github.io】账劲,同時(shí)這個(gè)也是把博客部署到github上以后你的博客的域名戳护。
  4. 初始化hexo
npm install -g hexo

安裝完成后新建一個(gè)hexo文件夾金抡,并cd到這個(gè)文件夾目錄下執(zhí)行

hexo init
npm install hexo --save
  1. 本地預(yù)覽
    到第四步我們就完成了hexo的初始化操作,我們可以執(zhí)行以下操作進(jìn)行本地預(yù)覽
hexo g (或 hexo generate)
hexo s (或 hexo server)

這時(shí)候應(yīng)該會(huì)提示

INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

這樣我們就可以通過訪問 http://localhost:4000/ 進(jìn)行預(yù)覽了
注意:如果在hexo s操作報(bào)錯(cuò)的話腌且,可以運(yùn)行下面命令后再重新嘗試

npm install hexo-server --save

部署到github上

  1. 打開創(chuàng)建的hexo目錄梗肝,會(huì)有一個(gè)_config.yml文件,我們可以用vim _config.yml打開铺董,也可以用其它編輯器(如sublime)直接打開修改巫击。在_config文件中找到最下面,有deploy屬性精续,修改為下面的樣子:
deploy:
  type: git
  repository: https://github.com/WhisperKarl/WhisperKarl.github.io
  branch: master

repository對(duì)應(yīng)的就是你剛剛創(chuàng)建的github倉(cāng)庫(kù)的地址坝锰,注意前面有個(gè)空格。

  1. 運(yùn)行下面命令進(jìn)行部署
npm install hexo-deployer-git --save
hexo g
hexo d (或 hexo deploy)

這樣就可以在https://username.github.io 上看到自己的博客了重付。

博客的基本配置和發(fā)布新文章

  1. 一些基本配置可以在_config.yml中進(jìn)行修改什黑,如博客名、作者名等堪夭,另外如果你采用了別的主題愕把,在主題文件夾中也會(huì)有一個(gè)_config.yml文件,可以在里面進(jìn)行主題的一些修改森爽。
  2. 發(fā)布新文章時(shí)恨豁,先執(zhí)行以下命令:
    hexo new post '文章標(biāo)題'
    這時(shí)在source->_posts文件下能看到新建的文章,是md格式爬迟,hexo支持markdown語法橘蜜,我們可以用markdown編輯器進(jìn)行編輯。
  3. 更新到github
    我們每次做了修改后付呕,都需要執(zhí)行以下命令以更新github配置
hexo clean
hexo g
hexo d

如何在多臺(tái)電腦上管理hexo博客

這時(shí)候我們一樣可以利用偉大的github计福,我們可以在github建一個(gè)倉(cāng)庫(kù)用來管理hexo文件目錄,這樣我們的每個(gè)操作都可以推到git上方便我們多臺(tái)電腦同時(shí)管理徽职。需要注意的是如果我們的主題是從github上拉下來的象颖,那我們?cè)谕频阶约旱膅ithub上時(shí)需要移除主題的git倉(cāng)庫(kù),否則主題是不會(huì)被上傳到github上的姆钉,此外说订,當(dāng)我們?cè)谝慌_(tái)新的電腦上拉取hexo文件后,需要重新配置hexo環(huán)境潮瓶。

綁定個(gè)人域名

擁有自己的獨(dú)立域名是件特別酷炫的事情陶冷,那么怎么樣讓自己的博客擁有世界上獨(dú)一無二的域名呢?

  1. 購(gòu)買域名
    一般去萬網(wǎng)買毯辅,第一年45往后60一年的樣子埂伦,比qq會(huì)員還便宜有木有!思恐!具體購(gòu)買過程就不多說了沾谜,非常簡(jiǎn)單膊毁,需要注意的是要及時(shí)實(shí)名認(rèn)證,否則域名是沒法訪問的类早。
  2. 配置DNS地址
    申請(qǐng)完域名后我們就要把之前上傳到github的頁面和自己的域名綁定媚媒。先從萬網(wǎng)后臺(tái)把我們自己域名的DNS設(shè)置為DNSPod的免費(fèi)DNS地址:f1g1ns1.dnspod.netf1g1ns2.dnspod.net
    QQ20160823-4@2x.png
  3. 配置域名解析
    DNSPod后臺(tái)注冊(cè)一個(gè)賬號(hào)嗜逻,并且把我們的域名添加進(jìn)去涩僻,在域名記錄管理頁面添加如下信息:
    QQ20160823-5@2x.png
  4. 配置hexo
    在本地hexo文件目錄的source目錄下新建一個(gè)文本文件,命名為CNAME并且填入我們的域名地址:
    QQ20160823-6@2x.png

    然后上傳到github(hexo d -g)栈顷。
    到此我們就完成了個(gè)人域名和github page的綁定逆日,快去試試吧!
    (需要注意的是萄凤,在DNSPod配置域名解析會(huì)需要些時(shí)間室抽,一般是48h以內(nèi),耐心等待下)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末靡努,一起剝皮案震驚了整個(gè)濱河市坪圾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惑朦,老刑警劉巖兽泄,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異漾月,居然都是意外死亡病梢,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門梁肿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蜓陌,“玉大人,你說我怎么就攤上這事吩蔑∨ト龋” “怎么了?”我有些...
    開封第一講書人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵烛芬,是天一觀的道長(zhǎng)霉旗。 經(jīng)常有香客問我,道長(zhǎng)蛀骇,這世上最難降的妖魔是什么厌秒? 我笑而不...
    開封第一講書人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮擅憔,結(jié)果婚禮上鸵闪,老公的妹妹穿的比我還像新娘。我一直安慰自己暑诸,他們只是感情好蚌讼,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開白布辟灰。 她就那樣靜靜地躺著,像睡著了一般篡石。 火紅的嫁衣襯著肌膚如雪芥喇。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,268評(píng)論 1 309
  • 那天凰萨,我揣著相機(jī)與錄音继控,去河邊找鬼。 笑死胖眷,一個(gè)胖子當(dāng)著我的面吹牛武通,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播珊搀,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼冶忱,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了境析?” 一聲冷哼從身側(cè)響起囚枪,我...
    開封第一講書人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎劳淆,沒想到半個(gè)月后链沼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡憔儿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年忆植,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谒臼。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡朝刊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蜈缤,到底是詐尸還是另有隱情拾氓,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布底哥,位于F島的核電站咙鞍,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏趾徽。R本人自食惡果不足惜续滋,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望孵奶。 院中可真熱鬧疲酌,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至粥诫,卻和暖如春油航,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背怀浆。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工谊囚, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人揉稚。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓秒啦,卻偏偏與公主長(zhǎng)得像熬粗,于是被迫代替她去往敵國(guó)和親搀玖。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

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