Hexo博客搭建（三）上線與域名設置

04-29

---title: Hexo博客搭建（三）上線與個性化域名設置date: 2018-03-28 21:02:29tags:---

與GitHub倉庫互聯

直到目前，我們的blog還只是一個本地的小傢伙，像一個沒有出過門的孩子，只能在localhost:4000裡面查看。別人是看不到的。那麼如何把它部署到線上？

一般建網站的都需要租伺服器，買VPS，亞馬遜，阿里雲等等，還要花一筆小錢。

好在我們有GitHub。

GitHub提供里代碼託管服務，作為全世界最大的程序員社區，自然不缺乏腦洞清奇的人，很多人在上面做各種各樣的事情，這是後話。

如果是首次使用GitHub，配置過程是比較複雜的，可先看一下廖雪峰的git教程。

假定我們已經配好了環境，那麼就很容易了。

在GitHub上面新建一個repo，注意項目名稱為 "用戶名.http://github.io"否則之後是無法訪問的，一個賬戶只能建一個github pages。之後將之前的public文件夾里的內容都同步到這個項目的master分支，之後瀏覽器訪問用戶名.http://github.io就能看到hexo的博客界面了。

比如我的repo 名字是

那我在瀏覽器地址欄輸入 http://generalli95.github.io就可以訪問我的網頁了！

使用git 命令去push需要先hexo generate，還是略顯麻煩，hexo提供了一個插件hexo-deployer-git可以打包git命令。

插件安裝,命令行先cd到blog，然後輸入下面命令。

npm install hexo-deployer-git --save

然後在博客的配置文件_config.yml，添加

注意：把repo:後面換成自己的repo名字！

然後hexo generate之後，再hexo deploy就可以自動部署了，支持短命令，hexo g -d,相當於前兩個命令的合體！

換上自己的域名

得益於當年的中二歲月……申請github的時候非要起個什麼英文名字，然後……自己都打不對自己的網頁全名，因為實在是太長了？

所以，要不自己註冊個域名，這樣顯得很酷炫，而且說不定哪天域名還能賣個好價錢，想想還真得好激動呢（白日夢）。

購買域名

購買域名的具體操作。推薦先看一下這篇文章：推薦幾家域名註冊服務商。

我是在Godaddy上註冊的域名，網站有中文版支持支付寶支付還是很友好的。域名前兩年有活動，前兩年109塊，後面每年100多一點，價格不貴。並且這可能也是我們這個博客搭建過程中唯一需要花錢的地方。

設置DNS解析

實際上這也不是一個必須的服務，但是由於Godaddy是一個國外廠商，直接使用它的DNS速度有影響，所以為了保證域名在國內的解析速度。推薦使用DNSPod的DNS解析服務。

DNSPod已經被騰訊雲收購，所以用微信可以直接登錄。

登錄DNSPod之後按照提示，再到Godaddy裡面把DNS修改一下。

然後為了使GitHub接收這個域名，還需要博客的根目錄下添加一個名為CNAME的文件（不要加.txt）。

這個文件放到主題文件夾的source裡面，文件裡面放你的域名（去掉www），比如我的網站，文件裡面就放一句話：http://liyaolife.com

然後在如上圖所示界面裡面，添加兩條記錄，一個主機記錄寫@，另一個寫www，這樣無論用戶輸入http://www.liyaolife.com 還是只輸入 http://liyaolife.com 都可以直接定位到我的網站了，記錄值放自己的GitHub Pages地址。

OK，現在可以把這個URL轉到微信群裡面跟爸爸媽媽還有小夥伴們炫耀一番了。

本文首發於個人網頁Yao Blog，知乎專欄談技術不能潦草。