
image
手把手教你搭建HEXO+Github博客 (系列教程三)
- 為什么推薦hexo+github?
- 最重要兩點(diǎn):簡單、免費(fèi)
安裝HEXO
先在本地新建個(gè)blog文件夾(隨意)

image
在cmd命令行進(jìn)入到blog文件夾下。(win+R打開運(yùn)行對話框,輸入cmd打開命令行程序)

image
heox主頁上的就是安裝命令(npm install hexo-cli -g),復(fù)制下來

image
在cmd從粘貼,回車確認(rèn)命令,安裝。安裝需要時(shí)間,請耐心等待

image
安裝成功后,運(yùn)行初始化命令(hexo init hojunBlog)

image
hexo官網(wǎng)也有部署命令的教程

image
初始化好后,進(jìn)入文件夾,輸入命令安裝依賴 npm install(安裝需要時(shí)間,請耐心等待)
(網(wǎng)好的請無視)若網(wǎng)絡(luò)較差,可以使用淘寶鏡像:
命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
使用就是把npm改成cnpm即可。
網(wǎng)好的作者這里繼續(xù)使用npm

image
安裝完成后,輸入hexo s -p 5555(在端口5555啟動服務(wù))

image
在網(wǎng)頁上輸入localhost:5555預(yù)覽一下(localhost表示本地訪問,小伙伴是看不到的)

image
安裝sublime
sublime不是必要的,只是編輯文本用的編輯器。不過安利大家推薦:
百度搜索sublime,進(jìn)入官網(wǎng)下載

image
點(diǎn)擊按鈕下載

image
下載好后確認(rèn)安裝

image
我們將其安裝在D盤:

image
安裝完成后,打開程序

image
直接將博客文件夾拖入編輯器

image
打開config文件,需要修改的地方有:網(wǎng)站名,介紹,關(guān)鍵字(這部分自己?。瑄rl(即是“http://用戶名.github.io)。使用Ctrl+S保存文件

image
現(xiàn)在我們打開github獲取倉庫地址,點(diǎn)擊頭像->Your profile

image
點(diǎn)擊對應(yīng)的倉庫

image
點(diǎn)擊Clone or download,復(fù)制倉庫地址

image
在config的最后找到deploy,輸入如下內(nèi)容(注意要有空格和縮進(jìn),不然會報(bào)錯(cuò))

image
接下來還需要安裝git插件,命令 npm install hexo-deployer-git --save

image
安裝好后輸入hexo g生成命令

image
輸入hexo d部署到github

image
第一提交會提示您配置github的郵箱和用戶名

image
根據(jù)提示配置

image
在彈出的輸入框中輸入用戶名,密碼登錄

image
顯示出INFO Deploy done: git表示成功發(fā)布到github上

image
在瀏覽器上輸入 "用戶名.github.io" 即可訪問自己的博客(你可以把這個(gè)鏈接發(fā)布給小伙伴啦)

image
To Be Continued...(未完待續(xù))
視頻教程-hexo安裝
視頻教程-sublime安裝
視頻教程-hexo發(fā)布
支持作者請悅讀百家號文章鏈接,謝謝~