Hexo博客搭建(三)上線與個性化域名設置

與GitHub倉庫互聯

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

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

好在我們有GitHub。

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

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

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

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

比如我的repo 名字是

那我在瀏覽器地址欄輸入 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),比如我的網站,文件裏面就放一句話:liyaolife.com
然後在如上圖所示界面裏面,添加兩條記錄,一個主機記錄寫@,另一個寫www,這樣無論用戶輸入www.liyaolife.com 還是隻輸入 liyaolife.com 都可以直接定位到我的網站了,記錄值放自己的GitHub Pages地址。

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


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

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