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