github+hexo 搭建屬于自己的博客網(wǎng)站【2017完整版】

windows系統(tǒng)下使用github+node+hexo 搭建屬于自己的博客【2017完整版】

1.下載安裝

github

1.下載安裝Git ,安裝在哪里都可以,我安裝在E盤,這個(gè)安裝網(wǎng)上有很多教程,一般來說next下去也沒問題


2.在github官網(wǎng) 申請注冊帳號,需要用到郵箱,注冊后一定要記住三個(gè)東西:你的用戶名(username)杰标,你的密碼(password),以及你的郵箱(email)

3.新建一個(gè)倉庫(new repository)彩匕,命名一定是你的github的用戶名(username)加上.github.io腔剂,這個(gè)倉庫的全稱命名就是username.github.io,然后點(diǎn)擊create repository


4.建立倉庫后驼仪,點(diǎn)擊ssh掸犬,看到你的git@github.com:username/username.github.io.git然后復(fù)制(copy),待會(huì)兒要用到绪爸。


(5.你可能會(huì)需要配置git的ssh(密鑰)湾碎,請點(diǎn)擊這里學(xué)習(xí)配置)

nodeJs

下載安裝nodeJs,選一個(gè)即可奠货,下載后安裝時(shí)一路默認(rèn)next(安裝路徑可以自選)介褥。


hexo

1.創(chuàng)建文件夾hexo,隨意創(chuàng)建在哪递惋,我是在E盤


2.win+R或者單機(jī)菜單->運(yùn)行柔滔,輸入cmd

3.在命令行中輸入npm install hexo-cli -g,如果顯示報(bào)錯(cuò)“沒有這個(gè)指令”萍虽,請點(diǎn)擊這個(gè)網(wǎng)站看第五點(diǎn)睛廊,配置nodeJs全局環(huán)境。前面的命令安裝完成后杉编,再次輸入npm install hexo --save超全,等待安裝完成咆霜。


4.第三步完成后,找到你的hexo文件夾卵迂,鼠標(biāo)右鍵單擊你的hexo文件夾,選擇Git Bash Here(一般安裝時(shí)默認(rèn)配置了)绒净,如果你鼠標(biāo)右鍵單擊后沒有Git Bash Here见咒,請你在注冊表自主修改鼠標(biāo)右鍵出現(xiàn)的命令

5.出現(xiàn)如下界面,輸入hexo init挂疆,請等待改览,這個(gè)時(shí)間可能長可能短,等到下一條可輸入命令出現(xiàn)的時(shí)候才算安裝好了缤言,中途如果強(qiáng)行退出請?jiān)谠撐募A重新hexo init


一條新的Git命令出現(xiàn)

檢測你的git node npm hexo是否安裝和他們的版本信息

隨意在哪單機(jī)鼠標(biāo)右鍵宝当,進(jìn)入Git Bash Here,依次輸入git --version,node -v,npm -v,hexo version胆萧,依次檢測 Git node npm 以及 hexo 的版本庆揩。


2.把博客掛到網(wǎng)上去

前面我們終于把該下載安裝的都完成了,現(xiàn)在該我們配置一番就要大功告成了跌穗。

在_config.yml,進(jìn)行基礎(chǔ)配置

1.修改一些你的博客名字订晌、描述、作者等蚌吸,修改后的效果大家可以看看锈拨。同時(shí)大家可以修改自己的主題,更多主題點(diǎn)擊這里羹唠。修改主題就修改_config.yml里面的theme奕枢。更多關(guān)于其他配置信息修改請點(diǎn)擊這里訪問hexo官方文檔∨逦ⅲ【在_config.yml文檔修改所有信息都要注意缝彬,冒號后面一定要有一個(gè)空格!冒號后面一定要有一個(gè)空格哺眯!冒號后面一定要有一個(gè)空格跌造!重要的事情說三遍!】



2.鼠標(biāo)右鍵單擊你的hexo文件夾族购,選擇Git Bash Here壳贪,進(jìn)入Git命令頁面,輸入hexo g


3.然后輸入hexo s寝杖,啟動(dòng)本地服務(wù)器违施,好了,你可以在你電腦的服務(wù)器看到你的博客了瑟幕。請打開你的瀏覽器磕蒲,輸入http://localhost:4000/留潦,你就看到你的博客樣子啦。停止你的本地服務(wù)器辣往,你可以在Git命令頁面按住Ctrl+C來停止兔院。



hexo與github關(guān)聯(lián)

1.還是打開你的_config.yml文檔,將最下面的內(nèi)容修改一下站削,type改成git坊萝,repo就是我們前面說到的下載安裝github的第四點(diǎn)所復(fù)制下來的東西。聽不懂许起?看圖:


2.配置完成后保存十偶,然后鼠標(biāo)右鍵單擊你的hexo文件夾,輸入npm install hexo-deployer-git --save园细。

3.關(guān)鍵點(diǎn)來了-第2點(diǎn)完成后惦积,將你的代碼推到網(wǎng)上去:依次出入hexo clean,hexo g,hexo d。

4.稍等5-15分鐘猛频,然后打開瀏覽器輸入你的username.github.io狮崩,你就可以看到你的博客啦。


發(fā)表文章

你要寫文章鹿寻,就在hexo\source_posts文件夾里面創(chuàng)建.md文檔就好啦(關(guān)于md可以百度教程簡單學(xué)學(xué)厉亏,基本格式十分鐘就學(xué)會(huì)啦)。寫完了保存后烈和,依舊是hexo g,hexo d爱只,就上傳到你的博客了。

【注:使用本教程招刹,如果你在npm install hexo-deployer-git --save返回了一堆ERR恬试,別著急,看看自己輸入的語句是否有錯(cuò)疯暑,空格是否都有了训柴,如果報(bào)錯(cuò)語句中出現(xiàn)了這一句Please try running this command again as root/Administrator,那你就右鍵單擊你的hexo文件夾妇拯,管理員取得所有權(quán)幻馁,等待命令自己執(zhí)行完畢,然后再次輸入npm install hexo-deployer-git --save就ok啦越锈≌锑拢】

關(guān)于hexo主題你可以點(diǎn)擊這里

我的博客

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市甘凭,隨后出現(xiàn)的幾起案子稀拐,更是在濱河造成了極大的恐慌,老刑警劉巖丹弱,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件德撬,死亡現(xiàn)場離奇詭異铲咨,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蜓洪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進(jìn)店門纤勒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人隆檀,你說我怎么就攤上這事摇天。” “怎么了刚操?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵闸翅,是天一觀的道長再芋。 經(jīng)常有香客問我菊霜,道長,這世上最難降的妖魔是什么济赎? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任鉴逞,我火速辦了婚禮,結(jié)果婚禮上司训,老公的妹妹穿的比我還像新娘构捡。我一直安慰自己,他們只是感情好壳猜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布勾徽。 她就那樣靜靜地躺著,像睡著了一般统扳。 火紅的嫁衣襯著肌膚如雪喘帚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天咒钟,我揣著相機(jī)與錄音吹由,去河邊找鬼。 笑死朱嘴,一個(gè)胖子當(dāng)著我的面吹牛倾鲫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播萍嬉,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼乌昔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了壤追?” 一聲冷哼從身側(cè)響起玫荣,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎大诸,沒想到半個(gè)月后捅厂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贯卦,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年焙贷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了撵割。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡辙芍,死狀恐怖啡彬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情故硅,我是刑警寧澤庶灿,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站吃衅,受9級特大地震影響往踢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜徘层,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一峻呕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧趣效,春花似錦瘦癌、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至西傀,卻和暖如春斤寇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背池凄。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工抡驼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人肿仑。 一個(gè)月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓致盟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親尤慰。 傳聞我的和親對象是個(gè)殘疾皇子馏锡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評論 2 354

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