與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轉到微信羣裏面跟爸爸媽媽還有小夥伴們炫耀一番了。