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

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

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

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)的動力吧！

教你如何建高逼格個人網站

從大學開始我就希望能有一個自己的個人網站，覺得那樣真的很酷，就自學了HTML和Java程式設計，從此踏上了碼農搬磚的不歸路。。。。現如今，建一個網站的成本真的是太低了，特別是有了GitHub以後，不懂程式碼的孩子都可以自己建站了。好，廢話就放到最後說。

手把手教你使用阿里雲搭建個人網站（上雲良心品，細緻到想哭）

時間過得真快，備案快要通過下來了，自己也馬上要成為一個真正的站長了，今天就來說一下我如何使用”雲平臺方案調研/技術選型”、”雲上建站/開發過程”、”架構解析/優化”、”上雲前後對比”、”遇到的問題及解決方案”經歷吧。 ‘為了無法計算的價值’，每每想起心裡還是很洶

教你如何使用github+jsDelivr搭建免費圖床

## 前言 之前寫了一篇文章，[教你如何使用Typora+PicGo實現圖片自動上傳到圖床](https://mp.weixin.qq.com/s/NYMVyUmJe7jDm1Q6f3JUFA) 。 這裡我用的是七牛圖床，七牛圖床有一定的免費使用量（沒記錯的話應該是10個G），如果你的儲存量超過這個大小就

mac 教你如何在Mac上搭建自己的服務器——Nginx

啟動 blank index 模擬 imp json 等待 打開終端 簡單 WHAT 本篇主要是基於Nginx在Mac上搭建自己的服務器。 我相信很多朋友肯定是第一次聽到Nginx，關於它具有怎樣的傳奇，這兒肯定說不完也說不透. 有興趣的朋友可以自行google或者baid

教你輕松快速繪制出專業的網站線框圖

線框圖 網站 億圖圖示 軟件教程 網站線框圖對於網頁設計師來說並不陌生，它是一種用來顯示網站框架的草圖，可以很直觀的展示出頁面的整體框架、基本元素等等。下面，小編就分享使用億圖軟件是如何設計網站線框圖的。 新建一個線框圖 在預定義模板和例子中，選擇線框圖，然後從右

手把手教你LNMP和Zabbix部署搭建

Zabbix Linux LNMP Zabbix簡介： zabbix（音同 z?bix）是一個基於WEB界面的提供分布式系統監視以及網絡監視功能的企業級的開源解決方案。zabbix能監視各種網絡參數，保證服務器系統的安全運營；並提供靈活的通知機制以讓系統管理員快速定位/解決存在的各種問題。zabb

資深架構師教你如何使用elk+redis搭建nginx日誌分析平臺！

pat 好的 oat ace efi 開啟 cse embed VM elk+redis 搭建nginx日誌分析平臺 logstash,elasticsearch,kibana 怎麽進行nginx的日誌分析呢？首先，架構方面，nginx是有日誌文件的，它的每個請求的狀

手把手教你搭APM之Skywalking搭建指南

手把手教你搭APM之Skywalking 前言 什麼是APM?全稱:Application Performance Management 可以參考這裡: 現代APM體系，基本都是參考Google的Dapper（大規模分散式系統的跟蹤系統）的體系來做的。通過跟蹤請求的處理過程，來對應用系統在前後端處理、服務端呼

手把手教你搭APM之Skywalking搭建指南(支援Java/C#/Node.js)

手把手教你搭APM之Skywalking 前言 什麼是APM?全稱:Application Performance Management 可以參考這裡: 現代APM體系，基本都是參考Google的Dapper（大規模分散式系統的跟蹤系統）的體系來做的。通過跟蹤請求的

教你怎麼用Vulnhub來搭建環境(爸爸再也不用擔心我沒有靶場練習了)（增加自己的部分）

0x01 前言 0x02 下載 映象的下載地址和描述、難度等級等 隨便點選下載，有些需要FQ才能下載，推薦官網的下載地址。 作為測試，我就下載JIS-CTF: VulnUpload作為演示吧 0x03 安裝 下載完後，解壓出來，會看到

教你從0到1搭建一個完整的電商app---（簡介）

最近打算寫一個系列部落格，總結一下在學習慕課網《Kotlin打造完整電商APP 模組化+MVP+主流框架》課程的學習心得。正如課程名字一樣，這個專案使用Kotlin語言編寫，採用了當下一些主流的三方庫，Retrofit、Okhttp、Gson、Dagger2、R

從原理到程式碼：大牛教你如何用 TensorFlow 親手搭建一套影象識別模組 | AI 研習社

自 2015 年 11 月首次釋出以來，TensorFlow 憑藉谷歌的強力支援，快速的更新和迭代，齊全的文件和教程，以及上手快且簡單易用等諸多的優點，已經在影象識別、語音識別、自然語言處理、資料探勘和預測等 AI 場景中得到了十分廣泛的應用。 在所有這些 AI 應用場景中

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

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

深入淺出教你做一個快速開發平臺

快速開發平臺，重點在於快，要快無非就是兩種手段： 1、生成程式碼 2、重用模組 詳細看如下的分支圖 就第一種情況生成程式碼來說，是每個快速開發平臺必備的，基本上所有的快速開發平臺都能生成CRUD，從jsp頁面到java程式碼都可以，當然能不能生成直接可用的程式碼就似乎平臺的功力了，有些是生成後， 需要

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

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

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

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

手把手教你配置阿里雲伺服器搭建網站

寫在前面 出於好奇，我用學生優惠租了一臺阿里雲伺服器，打算做一些Java web的開發，但是畢竟是第一次接觸這樣的東西，還是比較懵逼，在這個過程中遇到了一些問題（肯定會遇到問題的），但是呢，在網上搜解決辦法的時候，總是歷經波折才能找到我最後想要的東西，所以我想