在Mac上如何搭建Hexo個(gè)人博客

歡迎去我的博客muhlenXi訪問撩扒。

版權(quán)聲明:本文為muhlenXi原創(chuàng)文章,轉(zhuǎn)載請注明出處逛尚,未經(jīng)允許不得轉(zhuǎn)載.

導(dǎo)語:

   在網(wǎng)上經(jīng)常瀏覽技術(shù)牛人的博客來學(xué)習(xí)技術(shù)能力垄惧,突然有個(gè)念頭閃現(xiàn)在腦海,為啥我不自己也弄個(gè)博客記錄自己
的學(xué)習(xí)收獲和分享自己的掉坑經(jīng)驗(yàn),避免后來的人不像我一樣掉坑绰寞,豈不更好到逊!對于一個(gè)愛折騰的我,立馬就開始
各種搜索資料滤钱,各種踩坑觉壶。

更多詳情請看我為什么開始寫博客

對于不了解Hexo是什么的?可以去Hexo官網(wǎng)了解一下件缸。Hexo簡介 ,廢話不扯了掰曾,開始正題!

安裝Node.js(必須)

選擇Node.js的安裝的程序,進(jìn)入到下載頁面停团,選擇Download for OSX(x64),左邊的版本是建議大多數(shù)用戶使用的版本旷坦,右邊的則是最新版本,我選擇了左邊的那個(gè)版本佑稠,然后秒梅,下載,安裝即可舌胶。

安裝Git(必須)

由于我經(jīng)常使用Xcode軟件捆蜀,所以這里不用安裝Git,Xcoder軟件自帶Git,也許有些人不知道Git是什么以及怎么使用,可以看Git教程了解一下,這是我目前見到講解的深入淺出的文章辆它。

PS:后面需要配置站點(diǎn)和主題文件誊薄,需要打開其他格式的文本,個(gè)人建議用Xcode會好些锰茉。

Xcode for Mac 安裝

Git 安裝

注冊Github賬號(必須)

注冊Github賬號可以看Github的注冊與使用(詳細(xì)圖解)

進(jìn)一步想深入學(xué)習(xí)Github的可以看一下這個(gè)博客 從0開始學(xué)習(xí)Github系列匯總

Hexo 的安裝與配置

安裝Hexo

以上三步呢蔫,根據(jù)自己實(shí)際情況安裝。安裝完成后飒筑,可進(jìn)行接下來這步片吊。打開終端,cd到你想要存放Hexo配置的路徑下進(jìn)行如下操作:

mkdir "MyBlog"     //創(chuàng)建MyBlog文件夾
ls                 //查看當(dāng)前目錄下是否有MyBlog文件夾
cd cd MyBlog/      //進(jìn)入到MyBlog目錄下

sudo npm install-g hexo  //安裝Hexo
hexo init                //初始化Hexo

到這里為止协屡,Hexo博客安裝工作基本完成俏脊,MyBlog就是你博客的根目錄,關(guān)于博客的所有操作均在MyBlog里面進(jìn)行肤晓。

配置Github

【1】登錄你的Github賬號爷贫,創(chuàng)建一個(gè)Repository(倉庫),倉庫的名字必須是 你的github的用戶名.github.io (這是固定寫法)

在這里假設(shè)你的用戶名是zhangsan补憾,則你要創(chuàng)建的倉庫名就是zhangsan.github.io

【2】用 終端 或者 Github Desktop軟件 Clone zhangsan.github.io 倉庫到本地你指定的目錄下漫萄。

【3】進(jìn)入到MyBlog文件夾,找到 _config.yml (站點(diǎn)配置文件)然后打開它余蟹,我用Xcode打開它,翻到最后面子刮,進(jìn)行如下操作

改成這個(gè)樣子:

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

【4】打開終端 輸入

 npm install hexo-deployer-git --save 
 hexo generate 或 hexo g    //生成靜態(tài)界面
 hexo server                //本地啟動

【5】打開瀏覽器 輸入 http://localhost:4000/ 則可以看到你 本地生成的靜態(tài)頁面了

打開終端 使用快捷鍵 control + c 停止本地啟動進(jìn)程

【6】拷貝MyBlog目錄下的Public文件夾里面的所有文件到你Clone到本地的zhangsan.github.io 文件夾

【7】使用 終端 或者 Github Desktop Commit威酒、Push zhangsan.github.io 到遠(yuǎn)程Github倉庫中

【8】使用 終端 進(jìn)入到 MyBlog目錄下,執(zhí)行如下命令

hexo deploy  //部署博客到Github

這樣挺峡,就成功的將你的Hexo博客部署到了Github葵孤,你在瀏覽器中輸入http://zhangsan.github.io 就可以了看到你的博客了。

常用的Hexo基本操作

hexo clean                //清理緩存
hexo generate             //生成靜態(tài)界面
hexo deploy               //部署到Github
hexo server               //本地啟動博客

hexo new “文章名”          //新建一篇文章
hexo new page "頁面名"     //新建一個(gè)頁面
hexo help                 //查看幫助
hexo version              //查看Hexo的版本

給你的博客安裝并配置 Next主題

Next主題的主旨在于簡潔優(yōu)雅并且易于使用橱赠,尤其是是精于心尤仍,簡于形的里面深入我心,見到的第一眼狭姨,就深深的吸引住了宰啦,無法自拔。具體步驟如下:

【1】使用終端 進(jìn)入到 MyBlog目錄下饼拍,輸入命令

git clone https://github.com/iissnan/hexo-theme-next themes/next

這樣就把Next主題Clone到你的MyBlog/themes路徑下了赡模。

【2】進(jìn)入到MyBlog文件夾,找到 _config.yml (站點(diǎn)配置文件)然后打開它师抄,我用Xcode打開漓柑,找到theme字段,修改成

theme: next

【3】配置Next主題,進(jìn)入到MyBlog/themes/next目錄下辆布,打開_config.yml (主題配置文件)然后打開它瞬矩,我一般用Xcode打開,找到Schemes字段锋玲,next主題有三種形式景用,我中意Mist,修改如下

# Schemes
#scheme: Muse
 scheme: Mist
#scheme: Pisces

【4】打開終端進(jìn)入到cd到MyBlog文件夾,輸入命令

hexo clean
hexo generate
hexo server

這樣,打開瀏覽器 輸入 http://localhost:4000/ 就可以看到和我一樣的主題了嫩絮。

我的博客 mulenxi

更多的Next主題配置丛肢,可以參考Next官方文檔

搭建博客參考

感謝大家的瀏覽榜轿,謝謝幽歼!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市谬盐,隨后出現(xiàn)的幾起案子甸私,更是在濱河造成了極大的恐慌,老刑警劉巖飞傀,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件皇型,死亡現(xiàn)場離奇詭異,居然都是意外死亡砸烦,警方通過查閱死者的電腦和手機(jī)弃鸦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幢痘,“玉大人唬格,你說我怎么就攤上這事⊙账担” “怎么了购岗?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長门粪。 經(jīng)常有香客問我藕畔,道長,這世上最難降的妖魔是什么庄拇? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任注服,我火速辦了婚禮韭邓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘溶弟。我一直安慰自己女淑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布辜御。 她就那樣靜靜地躺著鸭你,像睡著了一般。 火紅的嫁衣襯著肌膚如雪擒权。 梳的紋絲不亂的頭發(fā)上袱巨,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機(jī)與錄音碳抄,去河邊找鬼愉老。 笑死,一個(gè)胖子當(dāng)著我的面吹牛剖效,可吹牛的內(nèi)容都是我干的嫉入。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼璧尸,長吁一口氣:“原來是場噩夢啊……” “哼咒林!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起爷光,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤垫竞,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后蛀序,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體欢瞪,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年哼拔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了引有。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓣颅。...
    茶點(diǎn)故事閱讀 39,965評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡倦逐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出宫补,到底是詐尸還是另有隱情檬姥,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布粉怕,位于F島的核電站健民,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏贫贝。R本人自食惡果不足惜秉犹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一蛉谜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧崇堵,春花似錦型诚、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至赏廓,卻和暖如春涵紊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背幔摸。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工摸柄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人抚太。 一個(gè)月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓塘幅,卻偏偏與公主長得像,于是被迫代替她去往敵國和親尿贫。 傳聞我的和親對象是個(gè)殘疾皇子电媳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評論 2 355

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