手把手教你使用Hexo搭建github個人博客

一补君、什么是Hexo

Hexo 是一個快速、簡潔且高效的博客框架昧互。Hexo 使用 Markdown(或其他渲染引擎)解析文章挽铁,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁敞掘。

二叽掘、安裝

1、安裝前提

安裝 Hexo 相當(dāng)簡單玖雁。然而在安裝前更扁,您必須檢查電腦中是否已安裝下列應(yīng)用程序:

如果您的電腦中已經(jīng)安裝上述必備程序,那么恭喜您赫冬!接下來只需要使用 npm 即可完成 Hexo 的安裝浓镜;如果未安裝,那么不幸的是你需要先進(jìn)行安裝劲厌,再繼續(xù)使用下述命令膛薛。

$ cd 文件目錄
$ npm install -g hexo-cli
$ hexo init

安裝完成后,在終端繼續(xù)執(zhí)行一下命令:

$ hexo generate #生成
$ hexo server #啟動服務(wù)

Hexo將source文件夾中的Markdown 和 HTML 文件會被解析并放到public文件夾中补鼻,public文件夾用于存放靜態(tài)博客文件哄啄,相當(dāng)于網(wǎng)站根目錄。

靜態(tài)頁面生成之后辽幌,我們只需要打開瀏覽器訪問http://localhost:4000即可看到內(nèi)容增淹。在我們第一次初始化時在/source/_posts/下已經(jīng)為我們創(chuàng)建了hello-world.md的文件,這篇文章對于初次使用hexo的用戶來說乌企,不妨仔細(xì)閱讀一下虑润,也會有不小的收獲。

三加酵、上傳到github

為了讓我們的電腦能直接免密碼通過SSH訪問GitHub拳喻,需要將我們的SSH Key添加到GitHub上哭当。

1、添加SSH Key

(1)檢查我們終端是否已經(jīng)存在SSH Key

$ ls -al ~/.ssh

如果終端出現(xiàn)一下內(nèi)容冗澈,證明你的電腦已經(jīng)存在SSH Key钦勘,此時可以直接跳過第2步,去看第3步亚亲。

yiyunwuliandeiMac:~ yiyunwulian$ ls -al ~/.ssh
total 24
drwx------   5 yiyunwulian  staff   160  9 11 14:41 .
drwxr-xr-x+ 35 yiyunwulian  staff  1120  9 10 16:07 ..
-rw-------   1 yiyunwulian  staff  3434  9 11 14:47 id_rsa
-rw-r--r--   1 yiyunwulian  staff   748  9 11 14:47 id_rsa.pub

要是出現(xiàn)的是一下內(nèi)容彻采,那么就一步一步的看著教程來吧。

yiyunwuliandeiMac:~ yiyunwulian$ ls -al ~/.ssh
total 24
drwx------   5 yiyunwulian  staff   160  9 11 14:41 .
drwxr-xr-x+ 35 yiyunwulian  staff  1120  9 10 16:07 ..
-rw-------   1 yiyunwulian  staff  3434  9 11 14:47 id_rsa
-rw-r--r--   1 yiyunwulian  staff   748  9 11 14:47 id_rsa.pub
-rw-r--r--   1 yiyunwulian  staff   802  9 11 14:51 known_hosts

(2)創(chuàng)建 SSH Key

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

注意:
我們推薦使用默認(rèn)的配置捌归,所以接下來如果提示:

Enter file in which to save the key (/Users/yiyunwulian/.ssh/id_rsa): [press enter]

中間出現(xiàn)Overwrite (y/n)?肛响,輸入yes就好,然后點(diǎn)擊enter鍵惜索,然后會讓你輸入兩次電腦密碼特笋,兩次密碼輸入過后,第二步就已經(jīng)結(jié)束了巾兆。

(3)生成SSH Key

$ eval "$(ssh-agent -s)"
$ ssh-add ~/.ssh/id_rsa

(4)復(fù)制SSH Key 到 剪貼板中

使用cat命令讀取展現(xiàn)內(nèi)容到終端猎物,選擇終端展現(xiàn)出來的SSH Key復(fù)制

$ cat < ~/.ssh/id_rsa.pub

(5)將復(fù)制的SSH Key添加到github賬戶中

  • 選擇setting
  • 點(diǎn)擊SSH and GPG Keys
  • 點(diǎn)擊Add SSH Key
  • title我們自己定義,Key中將我們復(fù)制的SSH 可以粘貼進(jìn)去即可角塑,然后點(diǎn)擊Add SSH Key進(jìn)行保存蔫磨。
  • 添加完成

(6)利用終端檢查SSH key是否添加成功

$ ssh -T git@github.com

若終端輸出一下內(nèi)容,證明添加成功吉拳。

Hi username! You've successfully authenticated, but GitHub does not provide shell access.

2质帅、新建Repository

在github上創(chuàng)建Repository進(jìn)行博客托管,命名最好遵循一下規(guī)范:

username.github.io

新創(chuàng)建的Repository并不能直接進(jìn)行使用留攒,如上圖,我們還需要為它創(chuàng)建分支結(jié)構(gòu)嫉嘀。

(1)在新創(chuàng)建的Repository中點(diǎn)擊Setting

(2)找到GitHub Pages炼邀,隨便給他選擇一個theme,然后點(diǎn)擊Commit changes提交剪侮。

(3)再次點(diǎn)擊setting進(jìn)行查看拭宁,出現(xiàn)如圖所示表明分支已經(jīng)創(chuàng)建好了。

3瓣俯、配置Deploy插件

打開hexo放置的根目錄下杰标,將_config.yml驚醒打開,設(shè)置deploy的信息彩匕,注意要將repository的鏈接替換成你自己的repository對應(yīng)的鏈接

deploy:
  type: git
  repository: git@github.com:keleboys/keleboys.github.io.git   # 設(shè)置repository對應(yīng)的鏈接
  branch: master   

三腔剂、發(fā)布

輸入一下命令生成博客的靜態(tài)頁面并進(jìn)行發(fā)布

$ hexo g -d

打開瀏覽器訪問Https://username.github.io/,就可以看到我們剛剛部署到github上的博客了。

四驼仪、小試牛刀

在終端輸入一下命令:

$ hexo new "Text"

這時hexo會給我們在/source/_posts/下生成一個名叫Text.md的文件掸犬,大家就可以在這里愉快的開始自己的博客之旅了袜漩。

五、常用Hexo命令

常見命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態(tài)頁面至public目錄
hexo server #開啟預(yù)覽訪問端口(默認(rèn)端口4000湾碎,'ctrl + c'關(guān)閉server)
hexo deploy #部署到GitHub
hexo help  # 查看幫助
hexo version  #查看Hexo的版本
hexo clean #刪除本地生成的靜態(tài)文件

縮寫

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
hexo c == hexo clean

組合命令

hexo g -s #生成并本地預(yù)覽
hexo g -g #生成并上傳

六宙攻、結(jié)束語

至此,我們已經(jīng)順利地利用Hexo+github搭建了屬于我們自己的個人博客啦介褥,如果你只是想嘗嘗鮮座掘,想必這些就已經(jīng)足夠了,但是你要是有更多的追求柔滔,可以繼續(xù)往下看我的博客雹顺。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市廊遍,隨后出現(xiàn)的幾起案子嬉愧,更是在濱河造成了極大的恐慌,老刑警劉巖喉前,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件没酣,死亡現(xiàn)場離奇詭異,居然都是意外死亡卵迂,警方通過查閱死者的電腦和手機(jī)裕便,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來见咒,“玉大人偿衰,你說我怎么就攤上這事「睦溃” “怎么了下翎?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長宝当。 經(jīng)常有香客問我视事,道長,這世上最難降的妖魔是什么庆揩? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任俐东,我火速辦了婚禮,結(jié)果婚禮上订晌,老公的妹妹穿的比我還像新娘虏辫。我一直安慰自己,他們只是感情好锈拨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布砌庄。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鹤耍。 梳的紋絲不亂的頭發(fā)上肉迫,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天,我揣著相機(jī)與錄音稿黄,去河邊找鬼喊衫。 笑死,一個胖子當(dāng)著我的面吹牛杆怕,可吹牛的內(nèi)容都是我干的族购。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼陵珍,長吁一口氣:“原來是場噩夢啊……” “哼寝杖!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起互纯,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤瑟幕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后留潦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體只盹,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年兔院,在試婚紗的時候發(fā)現(xiàn)自己被綠了殖卑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡坊萝,死狀恐怖孵稽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情十偶,我是刑警寧澤菩鲜,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站扯键,受9級特大地震影響睦袖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜荣刑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伦乔。 院中可真熱鬧厉亏,春花似錦、人聲如沸扎筒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妥粟。三九已至恬试,卻和暖如春窝趣,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背训柴。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工哑舒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人幻馁。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓洗鸵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親仗嗦。 傳聞我的和親對象是個殘疾皇子膘滨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評論 2 354

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

  • 寫于夜班進(jìn)行時 這種日子何時才能結(jié)束,我感覺自己快要熬不下去了稀拐,我壓根就不適合干服務(wù)業(yè)火邓,我可沒這么多興趣服務(wù)大眾,...
    海的味道你不知道閱讀 126評論 0 0
  • 閱讀是小學(xué)語文的重點(diǎn)德撬,也關(guān)系著其他科目的學(xué)習(xí)和學(xué)生未來獲取信息铲咨、終生學(xué)習(xí)的能力。然而砰逻,在實(shí)際教學(xué)中鸣驱,學(xué)生的閱讀...
    公主嶺580蘇威閱讀 286評論 0 1
  • 【作業(yè)要求】描寫自己的房間,篇幅200-300字蝠咆,要求句子通順踊东,詞匯精準(zhǔn),描寫生動刚操,還原度高闸翅。 【學(xué)員信息】113...
    冰冰生命如花敬請綻放閱讀 205評論 1 0
  • 夜半醒來,校園里的燈光透過窗戶灑進(jìn)來菊霜,給這個漆黑的夜送來了些許光明〖峒剑現(xiàn)在幾點(diǎn)了?我定的鬧鐘怎么還沒響鉴逞?晚自習(xí)...
    陽軒閱讀 318評論 0 1