1. 程式人生 > >教你免費且快速地搭建個人網站

教你免費且快速地搭建個人網站

640?wx_fmt=png&wxfrom=5&wx_lazy=1

今日科技快訊

針對近日坊間流傳的“我們天天在看你的微信”一說,微信團隊今天發表宣告重申三條使用者隱私原則: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

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

歡迎長按下圖 -> 識別圖中二維碼

或者 掃一掃 關注我的公眾號

640.png?

0?wx_fmt=jpeg