Hexo+Github搭建個人網(wǎng)頁

本文針對Mac

一甫恩、配置環(huán)境

  • 安裝Node(必須)
    作用:用來生成靜態(tài)頁面的 到Node.js官網(wǎng)下載相應(yīng)平臺的最新版本澎怒,一路安裝即可叛薯。
  • 安裝Git(必須)
    作用:把本地的hexo內(nèi)容提交到github上去. 安裝Xcode就自帶有Git矮慕,我就不多說了谱俭。
  • 申請GitHub(必須)
    作用:是用來做博客的遠程創(chuàng)庫奉件、域名、服務(wù)器之類的昆著,怎么與本地hexo建立連接等下講县貌。github賬號我也不再啰嗦了,沒有的話直接申請就行了,跟一般的注冊賬號差不多凑懂,SSH Keys煤痕,看你自己了,可以不配制接谨,不配置的話以后每次對自己的博客有改動提交的時候就要手動輸入賬號密碼摆碉,配置了就不需要了,怎么配置我就不多說了脓豪,網(wǎng)上有很多教程巷帝。
  • 正式安裝HEXO
    Node和Git都安裝好后,可執(zhí)行如下命令安裝hexo:
    $ sudo npm install -g hexo


二跑揉、創(chuàng)建網(wǎng)頁

  • 初始化
    創(chuàng)建一個文件夾锅睛,如:Blog,cd到Blog里執(zhí)行hexo init的历谍。命令:
    hexo init
    好啦现拒,至此,全部安裝工作已經(jīng)完成望侈!
  • 生成靜態(tài)頁面
    繼續(xù)再Blog目錄下執(zhí)行如下命令印蔬,生成靜態(tài)頁面
    hexo generate (hexo g 也可以)
  • 本地啟動
    啟動本地服務(wù),進行文章預(yù)覽調(diào)試脱衙,命令:
    hexo server
  • 驗證網(wǎng)頁
    瀏覽器輸入http://localhost:4000
  • 如果有錯誤
    ERROR Plugin load failed: hexo-server
    原因:
    Besides, utilities are separated into a standalone module. hexo.util is not reachable anymore.
    解決方法侥猬,執(zhí)行命令:
    sudo npm install hexo-server


三例驹、配置Github

  • 建立Repository
    可以參考我之前的文章:http://www.reibang.com/p/31fb42ffb10c
    建立與你用戶名對應(yīng)的倉庫,倉庫名必須為【your_user_name.github.io】退唠,固定寫法然后建立關(guān)聯(lián)鹃锈,我的Blog在本地/Users/taoyali/Blog,Blog是我之前建的東西也全在這里面瞧预,有:
    Blog 
    | 
    |-- _config.yml 
    |-- node_modules 
    |-- public 
    |-- source      
    |-- db.json 
    |-- package.json 
    |-- scaffolds 
    |-- themes         
    1.現(xiàn)在我們需要_config.yml文件屎债,來建立關(guān)聯(lián),命令:
    vim _config.yml
    2.翻到最下面垢油,改成我這樣子的盆驹,注意:: 后面要有空格
    deploy: type: git
    repository: https://github.com/taoyali/taoyali.github.io.git
    branch: master
  • 執(zhí)行如下命令才能使用git部署
    npm install hexo-deployer-git --save
    網(wǎng)上會有很多說法,有的type是github, 還有repository 最后面的后綴也不一樣滩愁,是github.com.git躯喇,我也踩了很多坑,我現(xiàn)在的版本是hexo: 3.1.1硝枉,執(zhí)行命令hexo -vsersion就出來了,貌似3.0后全部改成我上面這種格式了廉丽。忘了說了,我沒用SSH Keys如果你用了SSH Keys的話直接在github里復(fù)制SSH的就行了檀咙,總共就兩種協(xié)議雅倒,相信你懂的璃诀。
  • 然后弧可,執(zhí)行配置命令:
    hexo deploy
     然后再瀏覽器中輸入http://taoyali.github.io/就行了,我的github的賬戶叫taoyali,把這個改成你github的賬戶名就行了


四劣欢、部署步驟每次部署的步驟棕诵,可按以下三步來進行。

hexo clean 清空
hexo generate 初始化
hexo deploy 部署github (項目更改之后凿将,使用這一個就行)


五校套、hexo 一些常用命令:

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


這里有大量的主題列表使用方法里面都有詳細的介紹牧抵,我就不多說了笛匙。我這里有幾款個人認為不錯的主題,免去你們犀变,一個一個的選了妹孙,歡迎吐槽我的審美,? 
Cover[https://github.com/daisygao/hexo-themes-cover] - A chic theme with facebook-like cover photo 
Oishi - A white theme based on Landscape plus and Writing. Sidebar - Another theme based on Light with a simple sidebar 
TKL - A responsive design theme for Hexo. 一個設(shè)計優(yōu)雅的響應(yīng)式主題 
Tinnypp - A clean, simple theme based on Tinny 
Writing - A small and simple hexo theme based on Light 
Yilia - Responsive and simple style 優(yōu)雅簡潔響應(yīng)式主題获枝,我用得就是這個蠢正。 
Pacman voidy - A theme with dynamic tagcloud and dynamic snow


end sleep

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末省店,一起剝皮案震驚了整個濱河市嚣崭,隨后出現(xiàn)的幾起案子笨触,更是在濱河造成了極大的恐慌,老刑警劉巖雹舀,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芦劣,死亡現(xiàn)場離奇詭異,居然都是意外死亡说榆,警方通過查閱死者的電腦和手機持寄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來娱俺,“玉大人稍味,你說我怎么就攤上這事≤恚” “怎么了模庐?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長油宜。 經(jīng)常有香客問我掂碱,道長,這世上最難降的妖魔是什么慎冤? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任疼燥,我火速辦了婚禮,結(jié)果婚禮上蚁堤,老公的妹妹穿的比我還像新娘醉者。我一直安慰自己,他們只是感情好披诗,可當我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布撬即。 她就那樣靜靜地躺著,像睡著了一般呈队。 火紅的嫁衣襯著肌膚如雪剥槐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天宪摧,我揣著相機與錄音粒竖,去河邊找鬼。 笑死几于,一個胖子當著我的面吹牛蕊苗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播孩革,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼岁歉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起锅移,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤熔掺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后非剃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體置逻,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年备绽,在試婚紗的時候發(fā)現(xiàn)自己被綠了券坞。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡肺素,死狀恐怖恨锚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情倍靡,我是刑警寧澤猴伶,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站塌西,受9級特大地震影響他挎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜捡需,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一办桨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧站辉,春花似錦呢撞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至捐川,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間逸尖,已是汗流浹背古沥。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留娇跟,地道東北人岩齿。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像苞俘,于是被迫代替她去往敵國和親盹沈。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,876評論 2 361

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