天天看點

Hexo快速建構個人小站-自定義域名和自定義主題(二)

背景交代:

在上一章《Hexo快速建構個人小站-Hexo初始化和将項目托管在Github(一)》中,我們已經成功的利用hexo初始化了部落格項目,并托管在Github上,且通過Github的二級域名可以成功通路,但是,這麼長的域名總歸是是有點别扭,如果有強迫症估計更是受不了,這節我們介紹綁定自定義域名和配置自己喜歡的主題。

1.購買域名

自定義域名第一步:挑選好一個自己喜歡的域名并購買,域名服務商可以在阿裡雲旗下的萬網或者騰訊雲都可以,由于我之前就在阿裡雲買了一個域名:liuthing.com,沒有使用,是以現在就用上了

Hexo快速建構個人小站-自定義域名和自定義主題(二)

買完之後在阿裡雲控制台域名下面就會展示出購買的域名資訊

2.解析域名

開始做域名解析工作,解析之前先ping 一下Github下部落格倉庫對應的二級域名:username.github.io的ip位址

我這裡ping完後得到的ip是:185.199.109.153

然後做兩個解析,如圖:

Hexo快速建構個人小站-自定義域名和自定義主題(二)
Hexo快速建構個人小站-自定義域名和自定義主題(二)
Hexo快速建構個人小站-自定義域名和自定義主題(二)

3.設定CNAME

在項目下,source 檔案夾下面建立 CNAME 檔案(沒有字尾名的),填寫上域名。比如:

Hexo快速建構個人小站-自定義域名和自定義主題(二)

4.釋出項目

釋出的指令:

1、清除
hexo clean
2、生成
hexo g
3、啟動服務
hexo server      

釋出的流程在上一章節中有介紹,這裡隻貼下指令,需要詳細檢視的可移步這裡《Hexo快速建構個人小站-Hexo初始化和将項目托管在Github(一)》

Hexo快速建構個人小站-自定義域名和自定義主題(二)

5.用自定義的域名通路

晚上上述步驟之後就可以在浏覽器輸入自己的域名通路了

Hexo快速建構個人小站-自定義域名和自定義主題(二)

6.找一款自己喜歡的主題

https://hexo.io/themes/ ,這個裡面有很多主題,可以任意挑選一個自己喜歡的主題,點選進去,通常都有github位址,上面有安裝和使用方法介紹,我這裡選了一個名叫“fluid” 的主題。

這是使用位址:https://github.com/fluid-dev/hexo-theme-fluid

下面截圖是fluid使用介紹的部分内容

Hexo快速建構個人小站-自定義域名和自定義主題(二)

按照要求,隻需兩步即可,将主題下載下傳下來,然後指定主題,然後運作在本地檢視效果

Hexo快速建構個人小站-自定義域名和自定義主題(二)

可以看到已經實作自定義主題了,主題這裡還有很多可以自己設定的地方,下回再繼續分解,動手試試吧!

作者:沛山

出處: http://www.cnblogs.com/peyshine/

領取資料:下方公衆号回複"111",可擷取300GB精心準備的程式設計學習資料,視訊教程,電子書

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接。如果覺得對你有點幫助的話,可以點一下右下角的【推薦】你的鼓勵是我的動力。希望能夠持續的為大家帶來好的技術文章,關注我吧!

Hexo快速建構個人小站-自定義域名和自定義主題(二)