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

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

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

手把手教你搭建HEXO+Github博客 (系列教程三)

  • 為什麼推薦hexo+github?
  • 最重要兩點:簡單、免費

安裝HEXO

先在本地新建個blog文件夾(隨意)

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

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

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

heox主頁上的就是安裝命令(npm install hexo-cli -g),複製下來

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

在cmd從粘貼,回車確認命令,安裝。安裝需要時間,請耐心等待

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

安裝成功後,運行初始化命令(hexo init hojunBlog)

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

hexo官網也有部署命令的教程

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

初始化好後,進入文件夾,輸入命令安裝依賴 npm install(安裝需要時間,請耐心等待)

(網好的請無視)若網絡較差,可以使用淘寶鏡像:

命令:npm install -g cnpm –registry=https://registry.npm.taobao.org

使用就是把npm改成cnpm即可。

網好的作者這裡繼續使用npm

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

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

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

在網頁上輸入localhost:5555預覽一下(localhost表示本地訪問,小夥伴是看不到的)

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

安裝sublime

sublime不是必要的,只是編輯文本用的編輯器。不過安利大家推薦:

百度搜索sublime,進入官網下載

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

點擊按鈕下載

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

下載好後確認安裝

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

我們將其安裝在D盤:

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

安裝完成後,打開程序

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

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

打開config文件,需要修改的地方有:網站名,介紹,關鍵字(這部分自己取),url(即是“http://用戶名.github.io)。使用Ctrl+S保存文件

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

現在我們打開github獲取倉庫地址,點擊頭像->Your profile

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

點擊對應的倉庫

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

點擊Clone or download,複製倉庫地址

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

在config的最後找到deploy,輸入如下內容(注意要有空格和縮進,不然會報錯)

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

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

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

安裝好後輸入hexo g生成命令

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

輸入hexo d部署到github

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

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

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

根據提示配置

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

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

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

顯示出INFO Deploy done: git表示成功發佈到github上

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

在瀏覽器上輸入 “用戶名.github.io” 即可訪問自己的博客(你可以把這個鏈接發佈給小夥伴啦)

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

To Be Continued…(未完待續)

相關視頻教程參照作者的西瓜視頻


分享到:


相關文章: