與GitHub倉庫互聯(lián)
直到目前,我們的blog還只是一個本地的小家伙,像一個沒有出過門的孩子荣刑,只能在localhost:4000里面查看绒极。別人是看不到的骏令。那么如何把它部署到線上?
一般建網(wǎng)站的都需要租服務(wù)器集峦,買VPS伏社,亞馬遜,阿里云等等塔淤,還要花一筆小錢摘昌。
好在我們有GitHub。
GitHub提供里代碼托管服務(wù)高蜂,作為全世界最大的程序員社區(qū)聪黎,自然不缺乏腦洞清奇的人,很多人在上面做各種各樣的事情备恤,這是后話稿饰。
如果是首次使用GitHub,配置過程是比較復(fù)雜的露泊,可先看一下廖雪峰的git教程喉镰。
假定我們已經(jīng)配好了環(huán)境,那么就很容易了惭笑。
在GitHub上面新建一個repo侣姆,注意項目名稱為 "用戶名.github.io"否則之后是無法訪問的,一個賬戶只能建一個github pages沉噩。之后將之前的public文件夾里的內(nèi)容都同步到這個項目的master分支捺宗,之后瀏覽器訪問用戶名.github.io就能看到hexo的博客界面了。
比如我的repo 名字是
那我在瀏覽器地址欄輸入 generalli95.github.io就可以訪問我的網(wǎng)頁了川蒙!
使用git 命令去push需要先hexo generate蚜厉,還是略顯麻煩,hexo提供了一個插件hexo-deployer-git可以打包git命令畜眨。
插件安裝,命令行先cd到blog昼牛,然后輸入下面命令。
npm install hexo-deployer-git --save
然后在博客的配置文件_config.yml康聂,添加
<font color=red>注意:把repo:后面換成自己的repo名字匾嘱!</font>
然后hexo generate之后,再hexo deploy就可以自動部署了早抠,支持短命令霎烙,hexo g -d,相當(dāng)于前兩個命令的合體!
換上自己的域名
得益于當(dāng)年的中二歲月……申請github的時候非要起個什么英文名字,然后……自己都打不對自己的網(wǎng)頁全名悬垃,因為實在是太長了游昼?
所以,要不自己注冊個域名尝蠕,這樣顯得很酷炫烘豌,而且說不定哪天域名還能賣個好價錢,想想還真得好激動呢(白日夢)看彼。
購買域名
購買域名的具體操作廊佩。推薦先看一下這篇文章: 推薦幾家域名注冊服務(wù)商。
我是在Godaddy上注冊的域名靖榕,網(wǎng)站有中文版支持支付寶支付還是很友好的标锄。域名前兩年有活動,前兩年109塊茁计,后面每年100多一點料皇,價格不貴。并且這可能也是我們這個博客搭建過程中唯一需要花錢的地方星压。
設(shè)置DNS解析
實際上這也不是一個必須的服務(wù)践剂,但是由于Godaddy是一個國外廠商,直接使用它的DNS速度有影響娜膘,所以為了保證域名在國內(nèi)的解析速度逊脯。推薦使用DNSPod的DNS解析服務(wù)。
<font color=red>DNSPod</font>已經(jīng)被騰訊云收購竣贪,所以用微信可以直接登錄军洼。
登錄DNSPod之后按照提示,再到Godaddy里面把DNS修改一下贾富。
然后為了使GitHub接收這個域名歉眷,還需要博客的根目錄下添加一個名為CNAME的文件(不要加.txt)牺六。
這個文件放到主題文件夾的source里面颤枪,文件里面放你的域名(去掉www),比如我的網(wǎng)站淑际,文件里面就放一句話:liyaolife.com
然后在如上圖所示界面里面畏纲,添加兩條記錄,一個主機(jī)記錄寫@春缕,另一個寫www盗胀,這樣無論用戶輸入www.liyaolife.com 還是只輸入 liyaolife.com 都可以直接定位到我的網(wǎng)站了,記錄值放自己的GitHub Pages地址锄贼。
OK票灰,現(xiàn)在可以把這個URL轉(zhuǎn)到微信群里面跟爸爸媽媽還有小伙伴們炫耀一番了。
本文首發(fā)于個人網(wǎng)頁Yao Blog,知乎專欄談技術(shù) 不能潦草屑迂。