Hexo+GitHub搭建免費(fèi)個(gè)人博客詳細(xì)教程

一、安裝前提

1、你的電腦已經(jīng)安裝好Git,并且已經(jīng)配置好了,如果沒(méi)有請(qǐng)先移步:
小白的git使用指南(一)
小白的git使用指南(二)
2、你的電腦已經(jīng)安裝好了Node.js,安裝鏡像最好已經(jīng)換成了國(guó)內(nèi)的
Node.js安裝教程(解決npm安裝Hexo卡頓問(wèn)題)

二、安裝Hexo

如果你能按照上面的教程安裝好所有必備的程序后(nodejs的安裝源已換成國(guó)內(nèi)鏡像),你可以用 cnpm來(lái)安裝Hexo。
打開(kāi) git bash,輸入如下命令:

$ cnpm install -g hexo-cli

上面的 -g代表全局安裝,hexo后的 -cli 代表命令行,也就是說(shuō)再安裝hexo的同時(shí)也會(huì)安裝hexo的命令行。有的教程的安裝命令都不帶 -cli 我不知道可不可以,但官網(wǎng)上給出的是帶的,以官方為準(zhǔn)(嘿嘿)

三、本地搭建hexo博客

  • 在電腦上新建一個(gè)專(zhuān)門(mén)用來(lái)存放你的博客的文件夾,如 F:\GitHubblog
  • 在該文件夾下 右鍵-git bash here
  • 輸入
hexo init  //在本地生成hexo模板

-完成之后,輸入

hexo server 
  • 完成之后,瀏覽器訪(fǎng)問(wèn) http://localhost:4000 ,即可看到hexo博客頁(yè)面
博客頁(yè)面

四、將博客托管到GitHub上

請(qǐng)確認(rèn)自己的已經(jīng)配置好了 git全局信息SSH Key,具體請(qǐng)參見(jiàn) 小白的git使用指南(二)

  • 在GitHub上創(chuàng)建以你的GitHub用戶(hù)名(注意不是昵稱(chēng))命名的項(xiàng)目,例如我的GitHub用戶(hù)名為 qiuyeyijian 那么我就創(chuàng)建一個(gè)名字為:qiuyeyijian.github.io 的項(xiàng)目
  • 打開(kāi)剛才新建的GitHubblog文件夾(存放hexo模板的),打開(kāi)_config.yml配置文件(推薦sublime text 3),找到deploy,進(jìn)行如下配置,完成保存。注意格式不能錯(cuò),一定不能錯(cuò),千萬(wàn)不能錯(cuò)(說(shuō)多了都是淚)


deploy:
  type: git
  repository: https://github.com/qiuyeyijian/qiuyeyijian.github.io.git   //將地址換成自己的
  branch: master

1、冒號(hào)后面一定要有一個(gè)空格
2、type,repository,branch的首字母要對(duì)齊

  • 最后,運(yùn)行下面這三個(gè)命令
運(yùn)行:npm install hexo-deployer-git --save
運(yùn)行:hexo g  //(本地生成靜態(tài)文件)
運(yùn)行:hexo d  //(將本地靜態(tài)文件推送至Github)

此時(shí),打開(kāi)瀏覽器,訪(fǎng)問(wèn) http://qiuyeyijian.github.io

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容