如何快速搭建個人網站



今日科技快訊


針對近日坊間流傳的「我們天天在看你的微信」一說,微信團隊今天發表聲明重申三條用戶隱私原則:1、微信不留存任何用戶的聊天記錄,聊天內容只存儲在用戶的手機、電腦等終端設備上;2、微信不會將用戶的任何聊天內容用於大數據分析;3、因微信不存儲、不分析用戶聊天內容的技術模式,傳言中所說「我們天天在看你的微信」純屬誤解。


作者簡介


本篇來自 GoileoLee 的投稿,分享瞭如何擁有自己的專屬域名,大家趕緊試試看!

GoileoLee 的博客地址:

http://blog.csdn.net/u012487644


前言


這篇文章主要講如何擁有自己的專屬域名。你可以在屬於自己的網頁上展示你的 github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。玉剛大神說過:樹立個人品牌,讓名企hr們主動來找你!

有了個人網站,可能就又多了一些學( zhuang )習( bi )的動力吧! 
所以,擁有自己的網站,算是邁出了第一步!


域名怎麼來的


0?wx_fmt=png

好吧~ 我的域名是這麼來的......

這裏我們先選擇第二個,BAT 中的 A。

0?wx_fmt=png

輸入你想註冊的域名,查詢這個域名是否被別人註冊了。

Tips:我的域名是 goileo.top,爲了演示註冊過程,顯示未註冊狀態,所以這裏以 goileolee.top 爲例。

0?wx_fmt=png

這裏我選擇了一個 .to p的域名。 什麼? 「我爲什麼選.top 後綴的?」 額… 這個問題就觸及到我的資產盲區了。 因爲它是最「貴」的!!!

接下來,加入清單,結賬。 至此,這個域名就是你的了。

域名註冊成功後,需要進行實名認證。 

不過你還得對它進行解析,這個我們下面詳細說。

這時的域名什麼都做不了,因爲沒有服務器,阿里的服務器可不免費。所以接下來介紹 GitHub Pages。


 免費的服務器 GitHubPages


什麼是 GitHub Pages?

GitHub Pages is a static site hosting service。

這裏有官方的解釋 GitHub Pages - 傳送門 :

https://help.github.com/categories/github-pages-basics/

簡單說,它能提供給你1G空間的存儲,讓你放東西,然後還能請求到。是不是很6…

0?wx_fmt=png

GitHub Pages也有一些限制條件,我們主要用GitHub Pages來做個人站點,所以一切OK。

不過也有人認爲 用GitHub Pages做個人網站是不道德的 傳送門:

https://www.zhihu.com/question/20717014

接下來,登錄 github.com,點擊右上方頭像旁的加號 new repository。倉庫名字爲固定格式:

你的名字 .github.io

0?wx_fmt=png

描述… 公開… 初始化 README…  

倉庫創建好了,這時你可以寫一個簡單的 index.html 文件放到倉庫裏,然後在瀏覽器中輸入:你的名字 .github.io/ 試試。 如:

http://goileolee.github.io 

有神奇的效果…


域名與GitHubPages 相綁定


解析域名

  • 打開阿里雲

  • 登錄賬號 

  • 打開控制檯 

  • 點擊

0?wx_fmt=png

0?wx_fmt=png

添加一個記錄類型爲 CNAME,主機記錄爲@,記錄值爲 github 的倉庫路徑。

Tips: 記錄類型和主機記錄都有解釋,很好理解。 記錄值就是你希望請求域名跳轉到的路徑。 TTL 值可以理解爲緩存時間,這裏是每10分鐘刷新一次域名的記錄值。 調試可以設置小點,正常使用後記錄值不會輕易發生更改,可以將 TTL 值設置大一點。

0?wx_fmt=png

看上圖,主機記錄決定了解析後的域名。如果需要實現帶或不帶 www 都能訪問到網址,則建議同時添加一個主機記錄爲 www 的解析。

Tips: 這裏注意一下:因爲買域名的同時會有一個企業郵箱,Aliyun 會默認生成郵箱的解析記錄。 其中記錄類型有 txt 和 mx 的,會影響到 CNAME 類型的解析。

0?wx_fmt=png

0?wx_fmt=png

阿里攻城獅大佬講得很清楚了,所以刪除 TXT 和 MX 類型的解析就好了。


爲倉庫添加 CNAME 文件


在倉庫頁面點擊 Create new file,創建一個新文件; 

文件名爲 CNAME; 

內容爲剛剛申請的域名 goileolee.top

Tips:沒有 www,表示解析到 http://goileolee.top 請求流程爲:http://www.goileolee.top --> http://goileolee.github.io --> http://goileolee.top

至此,完成綁定!

寫在後面


現在已經可以通過訪問自己的專屬域名來打開指定網頁。 

我們的目的是搭建個人網站,不過,網站如何設計得需要前段技術HTML、CSS、JS,這就觸及到我的知識盲區了。。哈哈,別急這裏提供兩種方式。

  • 跳轉到已有的博客:

http://blog.csdn.net/u012487644

  • 運用GitHub上開源的框架 

在GitHub上搜 jekyll、hexo 即可。

我的站點用到的開源主題是基於 Vno-jekyll 框架的更改,我自己做了點修改,加了目錄和關於兩個頁面。歡迎 Fork,如果還不錯記得點 Star。 

網站的主頁效果如下圖:

0?wx_fmt=png

我的小站地址

http://goileo.top

我的GitHub

https://github.com/goileolee

感謝您的閱讀!歡迎指正!

今日科技快訊


針對近日坊間流傳的「我們天天在看你的微信」一說,微信團隊今天發表聲明重申三條用戶隱私原則:1、微信不留存任何用戶的聊天記錄,聊天內容只存儲在用戶的手機、電腦等終端設備上;2、微信不會將用戶的任何聊天內容用於大數據分析;3、因微信不存儲、不分析用戶聊天內容的技術模式,傳言中所說「我們天天在看你的微信」純屬誤解。


作者簡介


本篇來自 GoileoLee 的投稿,分享瞭如何擁有自己的專屬域名,大家趕緊試試看!

GoileoLee 的博客地址:

http://blog.csdn.net/u012487644


前言


這篇文章主要講如何擁有自己的專屬域名。你可以在屬於自己的網頁上展示你的 github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。玉剛大神說過:樹立個人品牌,讓名企hr們主動來找你!

有了個人網站,可能就又多了一些學( zhuang )習( bi )的動力吧! 
所以,擁有自己的網站,算是邁出了第一步!


域名怎麼來的


0?wx_fmt=png

好吧~ 我的域名是這麼來的......

這裏我們先選擇第二個,BAT 中的 A。

0?wx_fmt=png

輸入你想註冊的域名,查詢這個域名是否被別人註冊了。

Tips:我的域名是 goileo.top,爲了演示註冊過程,顯示未註冊狀態,所以這裏以 goileolee.top 爲例。

0?wx_fmt=png

這裏我選擇了一個 .to p的域名。 什麼? 「我爲什麼選.top 後綴的?」 額… 這個問題就觸及到我的資產盲區了。 因爲它是最「貴」的!!!

接下來,加入清單,結賬。 至此,這個域名就是你的了。

域名註冊成功後,需要進行實名認證。 

不過你還得對它進行解析,這個我們下面詳細說。

這時的域名什麼都做不了,因爲沒有服務器,阿里的服務器可不免費。所以接下來介紹 GitHub Pages。


 免費的服務器 GitHubPages


什麼是 GitHub Pages?

GitHub Pages is a static site hosting service。

這裏有官方的解釋 GitHub Pages - 傳送門 :

https://help.github.com/categories/github-pages-basics/

簡單說,它能提供給你1G空間的存儲,讓你放東西,然後還能請求到。是不是很6…

0?wx_fmt=png

GitHub Pages也有一些限制條件,我們主要用GitHub Pages來做個人站點,所以一切OK。

不過也有人認爲 用GitHub Pages做個人網站是不道德的 傳送門:

https://www.zhihu.com/question/20717014

接下來,登錄 github.com,點擊右上方頭像旁的加號 new repository。倉庫名字爲固定格式:

你的名字 .github.io

0?wx_fmt=png

描述… 公開… 初始化 README…  

倉庫創建好了,這時你可以寫一個簡單的 index.html 文件放到倉庫裏,然後在瀏覽器中輸入:你的名字 .github.io/ 試試。 如:

http://goileolee.github.io 

有神奇的效果…


域名與GitHubPages 相綁定


解析域名

  • 打開阿里雲

  • 登錄賬號 

  • 打開控制檯 

  • 點擊

0?wx_fmt=png

0?wx_fmt=png

添加一個記錄類型爲 CNAME,主機記錄爲@,記錄值爲 github 的倉庫路徑。

Tips: 記錄類型和主機記錄都有解釋,很好理解。 記錄值就是你希望請求域名跳轉到的路徑。 TTL 值可以理解爲緩存時間,這裏是每10分鐘刷新一次域名的記錄值。 調試可以設置小點,正常使用後記錄值不會輕易發生更改,可以將 TTL 值設置大一點。

0?wx_fmt=png

看上圖,主機記錄決定了解析後的域名。如果需要實現帶或不帶 www 都能訪問到網址,則建議同時添加一個主機記錄爲 www 的解析。

Tips: 這裏注意一下:因爲買域名的同時會有一個企業郵箱,Aliyun 會默認生成郵箱的解析記錄。 其中記錄類型有 txt 和 mx 的,會影響到 CNAME 類型的解析。

0?wx_fmt=png

0?wx_fmt=png

阿里攻城獅大佬講得很清楚了,所以刪除 TXT 和 MX 類型的解析就好了。


爲倉庫添加 CNAME 文件


在倉庫頁面點擊 Create new file,創建一個新文件; 

文件名爲 CNAME; 

內容爲剛剛申請的域名 goileolee.top

Tips:沒有 www,表示解析到 http://goileolee.top 請求流程爲:http://www.goileolee.top --> http://goileolee.github.io --> http://goileolee.top

至此,完成綁定!

寫在後面


現在已經可以通過訪問自己的專屬域名來打開指定網頁。 

我們的目的是搭建個人網站,不過,網站如何設計得需要前段技術HTML、CSS、JS,這就觸及到我的知識盲區了。。哈哈,別急這裏提供兩種方式。

  • 跳轉到已有的博客:

http://blog.csdn.net/u012487644

  • 運用GitHub上開源的框架 

在GitHub上搜 jekyll、hexo 即可。

我的站點用到的開源主題是基於 Vno-jekyll 框架的更改,我自己做了點修改,加了目錄和關於兩個頁面。歡迎 Fork,如果還不錯記得點 Star。 

網站的主頁效果如下圖:

0?wx_fmt=png

我的小站地址

http://goileo.top

我的GitHub

https://github.com/goileolee

感謝您的閱讀!歡迎指正!