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

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

阿新 • • 發佈：2019-02-06

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

相關推薦

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

今日科技快訊針對近日坊間流傳的“我們天天在看你的微信”一說，微信團隊今天發表宣告重申三條使用者隱

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

今日科技快訊針對近日坊間流傳的“我們天天在看你的微信”一說，微信團隊今天發表宣告重申三條使用者隱私原則：1、微信不留存任何使用者的聊天記錄，聊天內容只儲存在使用者的手機、電腦等終端裝置上；2、微信不會將使用者的任何聊天內容用於大資料分析；3、因微信不儲存、不分析使用者聊天內容

如何免費且快速的搭建個人網站

寫在開頭 這篇文章主要講如何擁有自己的專屬域名。你可以在屬於自己的網頁上展示你的github、微信、微博、QQ、Twitter、Email等資訊，但主要是展示自己的作品。 有了個人網站，可能就又多了一些學(zhuang)習(bi)的動力吧！

如何使用阿里雲伺服器快速搭建個人網站？

阿里雲作為國內最大的雲產品供應商，其產品不論是類別還是價效比都是很值得有需求的使用者特殊關注的，作為想折騰的學生，我們可以在阿里雲的特殊關照下購買其推出的雲翼計劃下的優惠套餐，目前每月僅需9.5元人民幣，一頓麻辣燙就可以換來一個月的雲伺服器使用權，還是很哈皮的。 試用人群：學生（24

GitHub Pages + Hexo 快速搭建個人網站

文章目錄 一、為什麼要搭建個人網站？ 二、為什麼選擇 GitHub Pages 和 Hexo ？ 1、GitHub Pages 2、Hexo 三、GitHub 建立個人倉庫存放網站資源 四、Hexo 環境準備

五大步驟快速搭建個人網站

導語 現在作為一個IT程式猿，沒有一個自己的個人網站怎麼行呢，現在就連許多不是IT人員都會搭建自己的個人網站 。那作為一個IT人員，如果別人讓你幫忙搭建一下網站，然而你卻沒玩過，說不會，豈不是很尷尬 。另外，如果你自己會搭建網站，說不定還能賺取點額外的

【ECS】雲伺服器上快速搭建個人網站

1.選型配置 適合個人使用者的配置：入門型：1vCPU 1GB記憶體1MB寬頻入門型基礎型：1vCPU 2GB記憶體1MB寬頻通用型：2vCPU 4GB記憶體1MB寬頻進階型：4vCPU 8GB記憶

用阿裏雲獨享虛擬主機搭建個人網站

搭建 回顧 res tar 國外 text .com 跟著 如果 轉載一篇好文。 我一般不用國內虛擬主機 我在 購買域名空間要考慮的事 寫過為什麽我怕用國內的虛擬主機服務，回顧一下兩條理由 第一，廠商太壞，超售有限的共享主機資源，只管賺錢不管服務質量 第二，共享主機商的有些

ASP.NET Core 一步步搭建個人網站（7）_Linux系統移植

window std bce stat 能夠 rpm 設置 with err 摘要 考慮我們為什麽要選擇.NET Core？ 因為它面向的是高性能服務器開發，拋卻了 AspNet 的臃腫組件，非常輕量，加上微軟的跨平臺戰略，對 Docker 的親和性，對於開發人員也非常友好

node+express搭建個人網站(1)

localhost 請求 example -- res function nload 到來 完成後 我的個人網站 http://yangchaojie.top/ 首先了解一下node Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。

java專案搭建個人網站之虛擬機器安裝Linux6.9伺服器版本(一)

因個人不想購買阿里伺服器等原因,決定在自身電腦安裝VM10虛擬機器作為測試伺服器使用... 虛擬機器的安裝:這裡寫連結內容 參看這個說的很詳細。因為我自己本身有VM10的虛擬機器,這裡我使用的是VM10的虛擬機器版本..推薦看的虛擬機器安裝文章是12版本的..大致一樣....都可以使用.

如何利用github搭建個人網站（無需購買雲伺服器）

1.建立GithubPage 這裡的作用就是說在github上建立一個倉庫，並且將它設定成github的網頁模式，其實我們後面的域名只是跳轉到這個倉庫的頁面 首先新建一個倉庫 然後注意設定倉庫名字時要和你的githubID一模一樣，即xxx.github.io 然後建

github page + hexo搭建個人網站詳細教程

前言 對於一個小白來說，第一次建立自己的個人網頁還真是一件既興奮又無奈的事情。興奮是因為你即將有一個屬於自己的平臺，可以將自己的感悟、收藏、簡歷等文章儲存起來，也可以分享給他 人。無奈是因為，在你搭著搭著，你會發現出現了各種各樣的問題，這其中包含你的一些個性卻 沒法實現的需求以

騰訊雲學生伺服器搭建個人網站（01）——配置web開發環境

最近突然想整個伺服器玩玩，百度了一下發現騰訊雲學生伺服器，完成學生認證之後一個月最低只要十塊錢就能玩起來，於是就買了一個，折騰了一天，算是在伺服器上搭建好了基本web開發環境（tomcat和jdk），並且也在伺服器上跑出了自己的第一個靜態網頁。下面詳細介紹環境的搭建過程。 首先需要說明的是，

Vue + Spring Boot從零開始搭建個人網站（一） 之 專案前端Vue.js環境搭建

前言：         最近在考慮搭建個人網站，想了想決定採用前後端分離模式         前端使用Vue，負責接收資料         後端使用Spring Boot，負責提供前端需要的API         就這樣開啟了我邊學習邊實踐之旅 Vue環境搭建步驟：         1、安裝node.js

ubuntu伺服器搭建個人網站 ---- 阿里雲 輕量應用伺服器配置jdk tomcat mysql

目錄 1.購買雲伺服器 進入阿里雲 www.aliyun.com 可以用支付寶賬號登入，登陸後進入賬號管理->實名認證。還可以進行學生認證。如果進行學生認證的話，可以看到 雲翼計劃。學生優惠購買雲伺服器，9.5元/月。有兩種可供選擇，差別不大

GitHub搭建個人網站

GitHub免費搭建個人網站 學習前端的人應該知道，開始學習前端時，心裡想的肯定是我一定要給自己做一個的非常棒的網站，學完之後網站做好了，但是要怎麼上線呢？？？ 作為一個前端，擁有有自己的個人網站，算是邁出了前端道路的第一步！ 本文目的 通過GitHub Pages免費快速的

GitHub+Hexo 搭建個人網站詳細教程

2018年11月14日 15:32:46 balabala_201710 閱讀數：4 個人分類： 前端學習 隨

Github+Jekyll 搭建個人網站詳細教程

GitHub搭建個人網站，大家在網上一搜能搜到一大把的教程，但是大部分都講的差不多，並不能滿足自己想搭建的網站詳細需求。我之前在搭建本站的時候也是查了較多資料，學習了下jekyll語法，參考了幾個主題模板，才把符合我需求網站搭建出來。那麼今天我將詳細介紹下本站從github程式碼託管，jekyll安裝，jek

最簡單的github搭建個人網站及訪問html檔案

寫在前面：本文內容如題，沒有亂七八糟的步驟，最簡單的搭建個人網站，想要展示更多的個人能力，經驗，經歷，在簡歷上放上自己的個人網站連結無疑是一種比較好的方式。前端對伺服器要求不是太高，主要是找個平臺給我放放網站什麼的就好了，GitHub允許上傳個人網站專案並自定義域名，而且