hexo干貨系列:(一)hexo+gitHub搭建個人獨(dú)立博客

前言

一直想要一個自己的獨(dú)立博客固翰,但是覺得申請域名+服務(wù)器的太麻煩了就一直沒有實(shí)現(xiàn)彤委。偶然機(jī)會發(fā)現(xiàn)Hexo這個優(yōu)秀的靜態(tài)博客框架剂习,再搭配現(xiàn)在流行的gitHub揪垄,簡直是完美寫博客的黃金搭檔(免費(fèi)+方便)皇拣。于是就上網(wǎng)參考了好多教程最后磕磕碰碰的搭建了起來严蓖。但是網(wǎng)上的教程多多少少都有點(diǎn)問題,可能比較早吧。就有了這個自己總結(jié)的教程谈飒,一是自己總結(jié)一下来氧。二是給也想搭建Hexo博客的童鞋們多一點(diǎn)參考卿捎。

正文

我這個教程是基于window系統(tǒng)用戶巷嚣,Hexo3版本

安裝前提軟件

Node.js:
作用:node.js用來創(chuàng)建hexo博客框架的伟墙,我當(dāng)前安裝版本為:node-v5.6.0-x64

Git客戶端:
作用:把本地的hexo內(nèi)容提交到github上去,我當(dāng)前安裝的是Git-2.7.0-64-bit

安裝Hexo

安裝前先介紹幾個hexo常用的命令,#后面為注釋手素。

hexo g #完整命令為hexo generate,用于生成靜態(tài)文件
hexo s #完整命令為hexo server,用于啟動服務(wù)器鸳址,主要用來本地預(yù)覽
hexo d #完整命令為hexo deploy,用于將本地文件發(fā)布到github上
hexo n #完整命令為hexo new,用于新建一篇文章

利用 npm 命令即可安裝。在任意位置點(diǎn)擊鼠標(biāo)右鍵泉懦,選擇Git Base

hexo1.jpg
hexo1.jpg

輸入安裝hexo命令:

npm install -g hexo

安裝完成后稿黍,在你喜愛的文件夾下(如E:\Hexo),執(zhí)行以下指令(在E:\Hexo內(nèi)點(diǎn)擊鼠標(biāo)右鍵崩哩,選擇Git Bash)巡球,Hexo 即會自動在目標(biāo)文件夾建立網(wǎng)站所需要的所有文件。

hexo init

安裝依賴包:

npm install

讓我們看看剛剛下載的hexo文件帶來了什么邓嘹,在E:\hexo內(nèi)執(zhí)行以下命令:

hexo g
hexo s

然后用瀏覽器訪問http://localhost:4000酣栈, 此時,你應(yīng)該看到了一個漂亮的博客了汹押,當(dāng)然這個博客只是在本地的矿筝,別人是看不到的,hexo3.0使用的默認(rèn)主題是landscape棚贾。輕輕松松就看到了一點(diǎn)成果窖维,是不是很激動,這就是hexo的強(qiáng)大之處妙痹,這個本地預(yù)覽的功能铸史,我真是愛不釋手。

注冊Github帳號

已經(jīng)有Github帳號跳過此步细诸,首先進(jìn)入Github進(jìn)行注冊沛贪,用戶名、郵箱和密碼之后都需要用到震贵,自己記好。

創(chuàng)建repository

repository相當(dāng)于一個倉庫水评,用來放置你的代碼文件猩系。首先,登陸進(jìn)入Github中燥,并進(jìn)入個人頁面寇甸,選擇repositories(下圖第一個紅圈的地方),然后New一個repository(下圖第二個紅圈的地方)

hexo2.jpg
hexo2.jpg

創(chuàng)建時,只需要填寫Repository name即可拿霉,當(dāng)然這個名字的格式必須為youname.github.io吟秩,例如我的為tengj.github.io

hexo3.png
hexo3.png

部署本地文件到github

既然Repository已經(jīng)創(chuàng)建了,當(dāng)然是先把博客放到Github上去看看效果绽淘。編輯E:\hexo下的_config.yml文件涵防,建議使用Notepad++。
在_config.yml最下方沪铭,添加如下配置(命令中的第一個tengj為Github的用戶名,第二個tengj為之前New的Repository的名字,記得改成自己的壮池。另外記得一點(diǎn),hexo的配置文件中任何’:’后面都是帶一個空格的),如果配置以下命令出現(xiàn)ERROR Deployer not found : github杀怠,則參考上文的解決方法

deploy: 
    type: git
    repository: https://github.com/tengj/tengj.github.io.git
    branch: master

配置_config.yml并保存椰憋。如果你是第一次使用Github或者是已經(jīng)使用過,但沒有配置過SSH赔退,則可能需要配置一下:

在Git Bash輸入以下指令(任意位置點(diǎn)擊鼠標(biāo)右鍵)橙依,檢查是否已經(jīng)存在了SSH keys。

ls -al ~/.ssh

如果不存在就沒有關(guān)系硕旗,如果存在的話票编,直接刪除.ssh文件夾里面所有文件:

hexo4.png
hexo4.png

輸入以下指令(郵箱就是你注冊Github時候的郵箱)后,回車卵渴,出現(xiàn)提示讓你輸入的時候直接先回車慧域,好像需要3次,如下圖所示:

ssh-keygen -t rsa -C "358593266@qq.com"
hexo1_5.png
hexo1_5.png

然后鍵入以下指令:

ssh-agent -s
hexo1_6.png
hexo1_6.png

繼續(xù)輸入指令:

ssh-add ~/.ssh/id_rsa

輸入之后浪读,在我這里是出錯了昔榴,不知道你的有沒有出錯。

hexo1_7.png
hexo1_7.png

如果你的也是這樣子出錯了的話碘橘,就輸入以下指令:

eval `ssh-agent -s`
ssh-add
hexo1_8.png
hexo1_8.png

到了這一步互订,就可以添加SSH key到你的Github賬戶了。鍵入以下指令痘拆,拷貝Key(先拷貝了仰禽,等一下可以直接粘貼,不放心的在執(zhí)行下面命令后纺蛆,先黏貼在記事本上):

clip < ~/.ssh/id_rsa.pub

然后到Github里面吐葵,點(diǎn)擊右上角的設(shè)置圖標(biāo)Settings,找到SSH keys,Ttile隨便你命名,Key就黏貼上你剛才復(fù)制的key,然后點(diǎn)Add SSH key桥氏,最后會讓你重新輸入下gitHub的密碼

hexo1_9.png
hexo1_9.png

最后還是測試一下吧温峭,鍵入以下命令:

ssh -T git@github.com

你可能會看到有警告,沒事字支,輸入“yes”就好

以上就表示SSH配置好了凤藏,執(zhí)行以下命令部署到Github上奸忽。

hexo g
hexo d

如果執(zhí)行hexo d命令報(bào)下名錯:

就先安裝一下hexo-deployer-git這個模塊:

npm install hexo-deployer-git --save

安裝好了繼續(xù)執(zhí)行hexo d部署命令,輸入gitHub的賬號密碼揖庄,就可以訪問了栗菜。我的是: tengj.github.io

發(fā)表一篇文章

1.在Git Bash執(zhí)行命令:

hexo new "my new post"

2.在E:\hexo\source_post中打開my-new-post.md,打開方式使用記事本或者其他文本工具蹄梢。
hexo中寫文章使用的是Markdown疙筹,這里推薦使用markdownpad這個工具。 Markdown編寫語法自己百度一下检号,不難

title: my new post         #可以改成中文的腌歉,如“新文章”
date: 2016-02-21 16:04:09      #發(fā)表日期,一般不改動
categories: blog            #文章文類
tags: [文章]                    #文章標(biāo)簽齐苛,多于一項(xiàng)時用這種格式翘盖,只有一項(xiàng)時使用tags: blog
---
#這里是正文,用markdown寫凹蜂,你可以選擇寫一段顯示在首頁的簡介后馍驯,加上
<!--more-->,在<!--more-->之前的內(nèi)容會顯示在首頁玛痊,之后的內(nèi)容會被隱藏汰瘫,當(dāng)游客點(diǎn)擊Read more才能看到。

寫完文章后擂煞,你可以使用

$ hexo g  生成靜態(tài)文件
$ hexo s  在本地預(yù)覽效果
$ hexo d  同步到github

然后使用http://lyqblue.github.io 進(jìn)行訪問混弥。

總結(jié)

到這里,就算初步搭好了一個屬于自己的獨(dú)立博客对省,后續(xù)就是本地寫文章然后部署最后發(fā)布就行蝗拿。當(dāng)然這只是最基本的流程,hexo提供了許多好看的主題蒿涎,我準(zhǔn)備下篇里面詳細(xì)介紹下主題的下載以及配置哀托。讓你的博客更加的酷炫!

大家按照我這個整理的教程搭建,理論上都能搭建成功劳秋。如果過程中發(fā)現(xiàn)一些問題仓手,也可以留言我們一起探討。祝大家一次就能搭建屬于自己的獨(dú)立博客~撒花

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末玻淑,一起剝皮案震驚了整個濱河市嗽冒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌岁忘,老刑警劉巖辛慰,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異干像,居然都是意外死亡帅腌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進(jìn)店門麻汰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來速客,“玉大人,你說我怎么就攤上這事五鲫∧缰埃” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵位喂,是天一觀的道長浪耘。 經(jīng)常有香客問我,道長塑崖,這世上最難降的妖魔是什么七冲? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮规婆,結(jié)果婚禮上澜躺,老公的妹妹穿的比我還像新娘。我一直安慰自己抒蚜,他們只是感情好掘鄙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嗡髓,像睡著了一般操漠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饿这,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天浊伙,我揣著相機(jī)與錄音,去河邊找鬼蛹稍。 笑死吧黄,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的唆姐。 我是一名探鬼主播拗慨,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼奉芦!你這毒婦竟也來了赵抢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤声功,失蹤者是張志新(化名)和其女友劉穎烦却,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體先巴,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡其爵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年冒冬,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片摩渺。...
    茶點(diǎn)故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡简烤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出摇幻,到底是詐尸還是另有隱情横侦,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布绰姻,位于F島的核電站枉侧,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏狂芋。R本人自食惡果不足惜榨馁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望银酗。 院中可真熱鬧辆影,春花似錦、人聲如沸黍特。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽灭衷。三九已至次慢,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間翔曲,已是汗流浹背迫像。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瞳遍,地道東北人闻妓。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像掠械,于是被迫代替她去往敵國和親由缆。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評論 2 355

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