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 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啦越锈≌锑拢】