用hexo創(chuàng)建github博客

倒騰了好久才用hexo加github搭建好屬于自己的博客沥潭,好激動(dòng),為此寫(xiě)篇博客記錄一下嬉挡。
要使用hexo的話(huà)钝鸽,需在你的系統(tǒng)中支持node.js和git。

安裝node.js

安裝git

安裝Hexo

1. $ npm install -g hexo-cli     //全局安裝hexo-cli
2. $ hexo init my-blog          //創(chuàng)建一個(gè)hexo框架
3. $ cd my-blog                 //進(jìn)入目錄
4. $ npm install                //安裝依賴(lài)包
5. $ hexo generate              //生成靜態(tài)文件
6. $ hexo server               //啟動(dòng)本地服務(wù)庞钢,可以通過(guò)http://locallhost:4000/ 訪問(wèn)

特別提示:
a. hexo generate(可以簡(jiǎn)寫(xiě)成 hexo g)生成靜態(tài)文件拔恰,會(huì)在當(dāng)前目錄下生成一個(gè)新的為public的文件夾。
b. hexo server (可以簡(jiǎn)寫(xiě)成hexo s)啟動(dòng)本地web服務(wù)基括,可以在本地預(yù)覽博客颜懊。
c. hexo deploy(可以簡(jiǎn)寫(xiě)成hexo d)部署博客到遠(yuǎn)程(如github)。
d. hexo new post-name(可簡(jiǎn)寫(xiě)成hexo n post-name,新建文章)
e. hexo new page page-name(可簡(jiǎn)寫(xiě)成hexo n page page-name,新建頁(yè)面)
常用組合命令:
a. hexo d -g  (生成和部署)
b. hexo s -g   (生成和預(yù)覽)

新建完成后风皿,指定文件夾的目錄如下:

|—— _config.yml             // 網(wǎng)站的配置信息
|—— package.json            // 項(xiàng)目包信息
|—— scaffolds               // 模板文件夾河爹,Hexo根據(jù)scaffold中的模板來(lái)新建文件
|—— source                  // 存放用戶(hù)資源的地方
|   |—— _drafts             // 存放草稿
|   |—— _posts              // 存放文章
|—— themes                  // 主題文件夾

_config.yml
網(wǎng)站的配置信息,可以在此配置大部分的參數(shù)桐款。
例如:
到這里咸这,你就可以用四步驟在本地預(yù)覽到自己的博客了:

1.把markdown文章放到_posts文件夾。
2. $ hexo clean       //清除緩存文件db.json和已生成的靜態(tài)文件public.
3. $hexo g              //生成靜態(tài)文件魔眨,存放到當(dāng)前一個(gè)新生成文件夾public里面媳维。
4. $hexo s          //用瀏覽器訪問(wèn)http://localhost:4000,就可以在本地預(yù)覽到自己的博客。

發(fā)布到github上面

打開(kāi)你的github創(chuàng)建repository
repository相當(dāng)于一個(gè)倉(cāng)庫(kù)冰沙,用來(lái)放置你的代碼文件侨艾。登錄進(jìn)入github,并進(jìn)入個(gè)人頁(yè)面拓挥,選擇repositories唠梨,然后New一個(gè)repository。創(chuàng)建時(shí)侥啤,只需要填寫(xiě)Repository name即可当叭。注意:格式必須為username.github.io

將本地博客部署到GitHub Pages
GitHub Pages用于介紹托管在GitHub的項(xiàng)目的盖灸,每個(gè)賬號(hào)只能創(chuàng)建一個(gè)repository來(lái)存放GitHub Pages,再次強(qiáng)調(diào)倉(cāng)庫(kù)名格式必須是username.github.io,這是固定的命名約定蚁鳖。

創(chuàng)建后,可以通過(guò)http://username.github.io來(lái)訪問(wèn)個(gè)人主頁(yè)赁炎。
GitHub Pages中個(gè)人主頁(yè)的內(nèi)容是在master分支下的醉箕。部署Hexo到GitHub Pages指的就是將hexo -g生成的靜態(tài)文件推送到GitHub Pages對(duì)應(yīng)的倉(cāng)庫(kù)中。

先修改你的_config.yml文件,一個(gè)正確的部署至少要有type參數(shù)讥裤。注意放棒,hexo的配置文件中任何':'后面都是帶一個(gè)空格的。如下:

deploy:
    type: git

發(fā)布到git上需要安裝hexo-deployer-git插件己英。

$ npm install hexo-deployer-git --save

然后修改配置间螟,即_config.yml文件:

deploy:
    type: git
    repo: https://github.com/username/username.github.io.git
    branch: master

配置完成之后就可以執(zhí)行命令:

$ hexo d

這樣就可以把你寫(xiě)的博客,推送到github上了损肛。
但是由于我是第一次搭建厢破,我想熟悉部署到github上的每一個(gè)過(guò)程,所以目前我沒(méi)有使用hexo d 這個(gè)命令治拿,而是用下面的方法把博客部署到github上的摩泪。
步驟如下:

1.把markdown文章放到_posts文件夾。
2. $ hexo clean       //清除緩存文件db.json和已生成的靜態(tài)文件public.
  2.1. $hexo g              //生成靜態(tài)文件忍啤,存放到當(dāng)前一個(gè)新生成文件夾public里面加勤。
  2.2. $hexo s          //用瀏覽器訪問(wèn)http://localhost:4000,就可以在本地預(yù)覽到自己的博客。本地預(yù)覽沒(méi)有問(wèn)題之后 ctrl+c.
3. cd username.github.io/     //cd 到你的git倉(cāng)庫(kù)文件夾同波,將剛剛生成的html復(fù)制(copy)到這個(gè)文件夾中鳄梅。如下圖cp -r ../../public/*  
 3.1 cp代表拷貝(cope的縮寫(xiě)), -r代表連帶著目錄文件夾一起復(fù)制未檩。
4. 在username.github.io的git倉(cāng)庫(kù)文件夾中提交到github中戴尸。
  4.1 git add .
  4.2 git commit
  4.3 git push origin master
  4.4 git pull origin master

這樣我就把自己的博客部署到github上了。

image.png

文章著作權(quán)歸irwenjing所有冤狡,轉(zhuǎn)載須說(shuō)明來(lái)源

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末孙蒙,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子悲雳,更是在濱河造成了極大的恐慌挎峦,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,884評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件合瓢,死亡現(xiàn)場(chǎng)離奇詭異坦胶,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)晴楔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)顿苇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人税弃,你說(shuō)我怎么就攤上這事纪岁。” “怎么了则果?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,369評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵幔翰,是天一觀的道長(zhǎng)漩氨。 經(jīng)常有香客問(wèn)我,道長(zhǎng)遗增,這世上最難降的妖魔是什么才菠? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,799評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮贡定,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘可都。我一直安慰自己缓待,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布渠牲。 她就那樣靜靜地躺著旋炒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪签杈。 梳的紋絲不亂的頭發(fā)上瘫镇,一...
    開(kāi)封第一講書(shū)人閱讀 50,096評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音答姥,去河邊找鬼铣除。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鹦付,可吹牛的內(nèi)容都是我干的尚粘。 我是一名探鬼主播,決...
    沈念sama閱讀 39,159評(píng)論 3 411
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼敲长,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼郎嫁!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起祈噪,我...
    開(kāi)封第一講書(shū)人閱讀 37,917評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤泽铛,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后辑鲤,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體盔腔,經(jīng)...
    沈念sama閱讀 44,360評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評(píng)論 2 327
  • 正文 我和宋清朗相戀三年遂填,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了铲觉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,814評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡吓坚,死狀恐怖撵幽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情礁击,我是刑警寧澤盐杂,帶...
    沈念sama閱讀 34,509評(píng)論 4 334
  • 正文 年R本政府宣布逗载,位于F島的核電站,受9級(jí)特大地震影響链烈,放射性物質(zhì)發(fā)生泄漏厉斟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評(píng)論 3 317
  • 文/蒙蒙 一强衡、第九天 我趴在偏房一處隱蔽的房頂上張望擦秽。 院中可真熱鬧,春花似錦漩勤、人聲如沸感挥。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)触幼。三九已至,卻和暖如春究飞,著一層夾襖步出監(jiān)牢的瞬間置谦,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,123評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工亿傅, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留媒峡,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,641評(píng)論 2 362
  • 正文 我出身青樓葵擎,卻偏偏與公主長(zhǎng)得像丝蹭,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子坪蚁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評(píng)論 2 351

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