手把手教你搭建HEXO博客(三)

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ā)布
支持作者請悅讀百家號文章鏈接,謝謝~

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

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

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