手把手教你用Hexo+(Coding/GitHub)搭建個人博客及綁定私有域名

Hexo是一個開源的靜態博客框架,支持markdown文檔,應用起來很方便而且有豐富的主題模板可供選擇,是建立個性化的個人博客的不二之選。以下以Coding+hexo爲例搭建個人博客.因爲GitHub在國內訪問速度較慢,因此選擇Coding,但是在GitHub上搭建的步驟也是大同小異的。
預先準備的環境應該要有:

  1. Git
  2. Coding賬號
  3. node.js
    安裝好git以及node.js之後,在電腦的任意盤裏新建一個空文件夾,命名隨意,最好是純英文。然後打開這個空文件夾,運行Git Bash
    這裏寫圖片描述
    在命令行輸入
$ npm -v

測試npm工具是否成功安裝,現在一般新版的node.js已經集成npm了。正常的如下圖:
這裏寫圖片描述

之後輸入以下命令安裝Hexo:

npm install hexo -g 

如果安裝失敗嘗試使用淘寶源安裝,命令如下:

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install hexo-cli -g

Hexo安裝完成之後,初始化Hexo,命令如下:

hexo init

成功之後如圖:
這裏寫圖片描述

我們可以看到原來新建的文件夾自動生成了如下文件:

這裏寫圖片描述

接下來登錄coding,建立一個項目也就是代碼倉庫,需要注意的是項目名字一定得是:
[你的用戶名].coding.me
接着查看Pages服務,如果pages鏈接是:https://[你的用戶名].coding.me說明配置成功,如下圖
這裏寫圖片描述

由於coding網站的git更新服務要求是SSH方式,因此需要添加RSA公鑰。獲取RSA公鑰的方式不贅述,自行Google。之後去coding網站添加公鑰如圖:
這裏寫圖片描述
之後打開之前生成的博客目錄下_config.yml文件,進行編輯,首先修改url爲你的pages地址,一定要改否則會造成博客css樣式無法正常顯示的問題,如圖:
這裏寫圖片描述

接着在deploy下輸入倉庫地址,如圖:

這裏寫圖片描述
接着在Git Bash下輸入如下命令安裝push工具:

$ npm install hexo-deployer-git --save

安裝完成之後運行如下命令:

$ hexo clean && hexo g && hexo d

成功如圖:
這裏寫圖片描述
現在即可通過Pages地址訪問到上傳的博客。連接是:https://[你的用戶名].coding.me/

假如要綁定私有域名,通過私有域名訪問,那麼要修改域名的解析協議,這裏以在阿里雲購買的域名爲例如圖:這裏寫圖片描述
記錄值改成coding 的Pages地址。

同樣在coding上也要改,在自定義域名裏輸入你購買的域名如下圖:
這裏寫圖片描述

修改之後可能不會立即生效,等幾分鐘之後就可以通過設定私有域名訪問你的個人博客了。
教程到此結束,冬至快樂!

如有關於項目搭建或其他類型網站開發的需求,可通過QQ(563730343)與我聯繫.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章