用GitHub+hexo創(chuàng)建個(gè)博客(必成系列)

O 踩了N多坑總結(jié)出以下經(jīng)驗(yàn)

一步一步絕對(duì)能成 mac+windows

一 常見(jiàn)有三種博客搭建方案

一般需要獨(dú)立域名(充錢(qián))有廣告刺覆,做許多東西需要升級(jí)至高級(jí)版(還是充錢(qián))秦忿,手機(jī)版訪問(wèn)麻煩(所以我直接扔了那個(gè)博客)

稍微麻煩一點(diǎn) (其實(shí)是作者技術(shù)太挫)

C位當(dāng)然要有配圖

免費(fèi) 簡(jiǎn)單 據(jù)說(shuō)用的人還多 所以我選擇這個(gè)

二 下面直接進(jìn)入主題 ?? 博客搭建

首先我們需要一個(gè)GitHub賬號(hào)和一個(gè)項(xiàng)目庫(kù)

怎么創(chuàng)建賬號(hào)就不用我說(shuō)了,但是創(chuàng)建庫(kù)的時(shí)候需要提到一個(gè)細(xì)節(jié)

1 先點(diǎn)擊這里創(chuàng)建

點(diǎn)擊創(chuàng)建項(xiàng)目

2 創(chuàng)建項(xiàng)目的是時(shí)候Repositoryname需要同Owner一樣然后補(bǔ)齊github.io

設(shè)置倉(cāng)庫(kù)名

3 然后點(diǎn)擊 Create repository創(chuàng)建就好

三 環(huán)境配置

Hexo有著詳細(xì)的安裝使用介紹 下面是我的

先懟node.js

mac: 去Node.js官網(wǎng)疼鸟,我下載了左邊的那個(gè) 然后一路安裝即可

windows: Node.js下載windows就可以
下載安裝包,安裝Node.js會(huì)包含環(huán)境變量及npm的安裝,安裝之后可以在命令行中輸入node -v看看是否安裝成功。

如果 git bash 里報(bào)錯(cuò)了矢沿,就去環(huán)境變量里看看有沒(méi)有 nodejs,沒(méi)有的話(huà)需要把nodejs地址添加一下如果已經(jīng)有了酸纲,重啟電腦捣鲸。

再懟git

mac: 點(diǎn)擊這里進(jìn)入頁(yè)面自動(dòng)下載了

windows: 點(diǎn)擊這里進(jìn)入頁(yè)面直接下載了記得git -v 查看是否安裝成功失敗了請(qǐng)參看其他詳細(xì)git安裝教程(我反正沒(méi)失敗過(guò))

然后就可以安裝Hexo了

mac:

Node.js和Git都安裝好后就可以安裝Hexo了。

終端執(zhí)行懟下命令: sudo npm install -g hexo

如果需要輸入密碼就是Mac登錄密碼

這里就是一個(gè)大坑:Hexo官網(wǎng)上的安裝命令是 npm install -g hexo-cli闽坡,多數(shù)教程也都是沒(méi)有sudo然鵝直接懟就去就會(huì)報(bào)錯(cuò)權(quán)限栽惶,加sudo解決問(wèn)題。

windows:

npm install -g hexo-cli

將你的git與GitHub綁定

由于Git是分布式版本控制系統(tǒng)疾嗅,所以外厂,每個(gè)機(jī)器都必須自報(bào)家門(mén):你的名字和Email地址

git config --global user.name "你的GitHub用戶(hù)名"

git config --global user.email "你的GitHub注冊(cè)郵箱"

生成ssh密鑰

生成密鑰 輸入: ssh-keygen -t rsa -C "你的GitHub注冊(cè)郵箱"
然后回車(chē)遇到y(tǒng) or n? 就y 繼續(xù)回車(chē)

mac: 先輸入 cd ~

然后就可以cd~/.ssh 里面會(huì)有id_rsa和rsa_rsa.pub兩個(gè)文件

vim rsa_rsa.pub復(fù)制里面的內(nèi)容 沒(méi)有vim的話(huà)vi應(yīng)該有用vi rsa_rsa.pub

windows:

輸入ls -a 查看所有文件 在輸入cat.ssh\id_rsa.pub打開(kāi)文件

復(fù)制里面全部?jī)?nèi)容

然后打開(kāi)git設(shè)置(點(diǎn)擊頭像 seeings)

配置新的ssh

然后粘貼你的密鑰 Add SSH key保存

加入密鑰保存

部署

mac

我們先找個(gè)地方創(chuàng)建一個(gè)文件夾這里會(huì)存放你的blog(博客)全部?jī)?nèi)容

打開(kāi)終端進(jìn)入這個(gè)文件夾目錄 blog是你的文件夾名稱(chēng)

輸入hexo init blog

然后cd到blog文件夾下安裝npm

輸入 npm install

執(zhí)行下面的命令開(kāi)啟hexo服務(wù)器

輸入 hexo s

這個(gè)時(shí)候你可以看見(jiàn)一個(gè)這樣的博客頁(yè)面了打開(kāi)瀏覽器

輸入 localhost:4000

接下來(lái)就是部署了

首先介紹一下兩個(gè)配置文件他們都叫_config.yml

不同的是blog里面的_config.yml是站點(diǎn)配置文件

而我們themes文件夾每個(gè)主題文件里也有一個(gè)_config.yml他是配置主題的文件

我們打開(kāi)blog里面的_config.yml 輸入vim _config.yml

翻到最下面改成這樣沒(méi)有就加上

這樣

你的地址在這里

在這里

這里需要注意坑二 每一個(gè)配置的 : 后面要有一個(gè)空格!4小V!
然后保存站點(diǎn)配置

在blog文件夾目錄里面執(zhí)行一下生成靜態(tài)頁(yè)面命令

輸入 hexo g (或是hexo generate)

如果有報(bào)一下錯(cuò)誤

ERROR Local hexo not found in ~/blog

ERROR Try runing: 'npm install hexo --save'

就執(zhí)行 輸入 npm install hexo --save
沒(méi)有報(bào)錯(cuò)請(qǐng)不要執(zhí)行或者忽略

執(zhí)行配置命令

hexo d  (或是 hexo deploy)

這里特別注意 我就是載在這里论悴! 若執(zhí)行命令hexo deploy仍然報(bào)錯(cuò):無(wú)法連接git或找不到git掖棉,則執(zhí)行如下命令來(lái)安裝一個(gè)叫hexo-deployer-git東西

輸入 npm install hexo-deployer-git --save

執(zhí)行 hexo g
執(zhí)行 hexo d

倘若提示輸入密碼輸入即可沒(méi)有執(zhí)行忽略

這時(shí)候就可以訪問(wèn)你的博客了 https://后面寫(xiě)你的 .github.io

發(fā)布文章

終端cd到blog文件夾目錄

輸入hexo new "文件名" 新建文章

發(fā)布部署

然后 hexo g (生成靜態(tài)頁(yè)面)
在然后 hexo d (部署到github)

如果出現(xiàn)了花里胡哨的錯(cuò)誤可以在生成之前

輸入 hexo clean

ps: 每次更新都會(huì)等那么一會(huì)

寫(xiě)下更換主題吧

hexo主題里找到一款主題我的是yilia

下載這個(gè)主題

輸入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

這里會(huì)多一個(gè)

打開(kāi)站點(diǎn)的_config.yml配置文件,將里面的 theme: landscape 改為 theme: yilia.

改成你主題的名字

然后還是 hexo g 和 hexo d

最后訪問(wèn)下你的博客吧這里在看看扔出我的

王小質(zhì)的博客

ps: 每次更新都會(huì)等那么一會(huì)!!!!!!!!

最后編輯于
?著作權(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)容