首先製作一個網站需要：
①域名即example.com
②虛擬空間或雲伺服器
③網站程式碼製作工具或網站後臺管理工具（你可以百度出模板）
④一定的程式設計技能和程式碼理解能力（優秀的網站製作者需要了解PHP、JavaScript、CSS、HTML、SQL、Markdown等知識）

第一部分：域名
域名是一個網站的入口與標識，域名需要購買
一般從阿里雲（萬網）、騰訊雲、京東雲、Godaddy等網站購買。




域名需要自己想一個好的名稱，一旦選中變不可更改。建議大家購買頂級域名為.com、.cn結尾的域名，這些域名在國際上常見，便於網站站在國際高度上。當然你也可以標新立異購買其他頂級域名。比如小米為了購買mi.com域名便花了2000萬人民幣，餓了嗎域名比較奇特為elem.me看是不是很厲害。

當然，域名在中國是需要備案的，在阿里雲騰訊雲買的域名必須通過工信部備案。
備案流程如下：

備案一般在購買域名的地方進行，阿里雲會自動幫你向工信部提交。一般說來，備案的要求特別嚴，平均下來備案兩次才可能被工信部通過，這期間大約花費兩到三週。
備案過程中會讓你列印《個人網站承諾書》並拍照上傳，為了驗證你的身份還需要錄製個人視訊眨眼，笑什麼的，當然你的個人資訊精確到地址。（估計到時候抓人的時候方便）

如果你不想備案的話，建議不要從國內的大公司購買域名，從大陸境外購買（香港、臺灣也可以）

當然如果你不備案的話如果被網警查到你的網站就要被封或者只能用VPN訪問嘍。（還是備案吧！！！）

在工信部備案完成後如果你是一個大企業或公司或需要正式的網站，那麼建議你還得去公安局備案，即到你網站資訊填入的地址處所在地的公安局進行公安備案。（個人網站就不需要了）

第二部分 虛擬空間或雲伺服器

1.虛擬空間是雲伺服器分出來的一小部分空間，用來存放你的網站資料。
購買域名後他們可能會給你免費提供一個虛擬空間，也可以購買，或者使用第三方虛擬空間。

現以域名omegaxyz.com為例,把域名www. omegaxyz.com以及omegaxyz.com解析到虛擬主機上(假設虛擬主機的IP地址為21X.5.7X.1XX),解析完成後,將可以用www. omegaxyz.com以及omegaxyz.com來訪問網站,當然(解析完成後,還得在虛擬主機上繫結才會生效,本站的虛擬主機完全具備域名自主繫結功能)。
①首先請進入域名管理。(登入會員->英文域名管理->在列表中找到omegaxyz.com並點選”域名解析”)。
②首先來解析www.omegaxyz.com到IP: 21X.5.7X.1XX。 點選”增添主機記錄”,然後在彈出的框內輸入”www”,注意,不能輸入”www.omegaxyz.com”。
③按”確定”,然後輸入IP地址: 21X.5.7X.1XX。
④再按”確定”,該解析就完成了,該解析實時生效,大大方便了客戶管理。
⑤一般而言,使用者除了用帶www的網址www. omegaxyz.com來訪問網站外,還喜歡用不帶www的omegaxyz.com來訪問,下面我們來把omegaxyz.com解析到IP: 21X.5.7X.1XX,還是點選”增添主機記錄”,將出現下圖所示,此時不必輸入任何字元,直接點選”確定”。(不輸入字元代表域名omegaxyz.com本身)
⑥點選確定後又出現IP地址輸入框,輸入IP: 21X.5.7X.1XX,然後按確定。
⑦按確定後,該解析也完成了。

如圖：

第三方虛擬空間推薦七牛雲，這部分請大家自己學習

注：DNS解析和域名解析類似，到控制檯介面會有提示，這裡不在贅述。
2.雲伺服器簡稱ECS（elastic cloud servicer）

雲伺服器的業內名稱其實叫做計算單元。所謂計算單元，就是說這個伺服器只能算是一個人的大腦，相當於普通電腦的CPU，裡面的資源都是有限的。你要獲得更好的效能，解決辦法一是升級雲伺服器，二是將其它耗費計算單元資源的軟體部署在對應的雲服務上。例如資料庫有專門的雲資料庫服務、靜態網頁和圖片有專門的檔案儲存服務。
當然用雲伺服器來儲存網頁是有點大材小用了，但是能使網站效能更好，且能載入更多子域名的網站如jiaotong.omegaxyz.com。最重要的是如果你想製作APP的話，雲伺服器是最好的選擇了。唯一的缺點就是貴（找找優惠政策）。

在購買雲伺服器是一定要注意雲伺服器的系統和環境（阿里雲是基於Linux的Centos系統，Java和PHP環境等），這些在第三部分會細講。

第三部分：網站程式碼製作工具或網站後臺管理工具

如果你只想製作一個簡單的頁面，用來宣傳一些簡單的思想或者是新手試水，那麼使用Dreamweaver視覺化編輯即可製作一個簡單的頁面，百度搜索一些簡單的模板，即可更改。

此處就看你的程式設計能力了哦。
如果你想製作一個包含多個檔案的網站，那麼就需要使用一些管理工具了，這裡以個人部落格為例講解。

①HEXO(靜態)
hexo是一款基於Node.js的靜態部落格框架, hexo github連結 ,這篇教程是針對與Mac的，參考連結，由於原文講到的hexo是以前的老版本，所以現在的版本配置的時候會有些改動。

這裡有兩個大神用的hexo搭建的部落格
網站：superlei.cn
www.oyohyee.com

配置環境

安裝Node（必須）
作用：用來生成靜態頁面的
到Node.js官網下載相應平臺的最新版本，一路安裝即可。
安裝Git（必須）
作用：把本地的hexo內容提交到github上去.
安裝Xcode就自帶有Git，我就不多說了。
申請GitHub（必須）
作用：是用來做部落格的遠端創庫、域名、伺服器之類的，怎麼與本地hexo建立連線等下講。
github賬號我也不再囉嗦了,沒有的話直接申請就行了，跟一般的註冊賬號差不多，SSH Keys，看你自己了，可以不配製，不配置的話以後每次對自己的部落格有改動提交的時候就要手動輸入賬號密碼，配置了就不需要了，怎麼配置我就不多說了，網上有很多教程。
正式安裝Hexo
Node和Git都安裝好後,首先建立一個資料夾,如blog,使用者存放hexo的配置檔案,然後進入blog裡安裝Hexo。
執行如下命令安裝Hexo：
sudo npm install -g hexo
初始化然後，執行init命令初始化hexo,命令：
hexo init
好啦，至此，全部安裝工作已經完成！blog就是你的部落格根目錄，所有的操作都在裡面進行。
生成靜態頁面
hexo generate（hexo g也可以）
本地啟動
啟動本地服務，進行文章預覽除錯，命令：
hexo server
瀏覽器輸入http://localhost:4000
我不知道你們能不能，反正我不能，因為我還有環境沒配置好
配置Github
建立Repository
建立與你使用者名稱對應的倉庫，倉庫名必須為【your_user_name.github.io】，固定寫法=
然後建立關聯，我的blog在本地/Users/leopard/blog，blog是我之前建的東西也全在這裡面，有：
_config.yml node_modules public source
db.json package.json scaffolds themes
現在我們需要_config.yml檔案，來建立關聯，命令：
vim _config.yml
翻到最下面，改成我這樣子的
deploy:
type: git
repo: https://github.com/leopardpan/leopardpan.github.io.git
branch: master
然後執行命令：
npm install hexo-deployer-git –save
網上會有很多說法，有的type是github, 還有repository最後面的字尾也不一樣，是github.com.git，我也踩了很多坑，我現在的版本是hexo: 3.1.1，執行命令hexo -vsersion就出來了,貌似3.0後全部改成我上面這種格式了。
忘了說了，我沒用SSH Keys如果你用了SSH Keys的話直接在github裡複製SSH的就行了，總共就兩種協議，相信你懂的。
然後，執行配置命令：
hexo deploy
然後再瀏覽器中輸入http://leopardpan.github.io/就行了，我的github的賬戶叫leopardpan,把這個改成你github的賬戶名就行了
部署步驟
每次部署的步驟，可按以下三步來進行。
hexo clean
hexo generate
hexo deploy
一些常用命令：
hexo new”postName” #新建文章
hexo new page”pageName” #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啟預覽訪問埠（預設埠4000，’ctrl + c’關閉server）
hexo deploy #將.deploy目錄部署到GitHub
hexo help # 檢視幫助
hexo version #檢視Hexo的版本
報錯總結
ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解決方法： npm install hexo-deployer-git –save
如發生報錯： ERROR Process failed: layout/.DS_Store , 那麼進入主題裡面layout和_partial目錄下，使用刪除命令：
rm-rf.DS_Store
ERROR Plugin load failed: hexo-server
原因：
Besides,utilities are separated into a standalone module.hexo.util is not reachable anymore.
解決方法，執行命令：
sudo npm install hexo-server
執行命令hexo server，提示：Usage: hexo ….
原因：
我認為是沒有生成本地服務
解決方法，執行命令：
npm install hexo-server –save
提示：[email protected] node_modules/hexo-server
….
表示成功了參考
這個時候再執行：
hexo-server
得到:
INFOHexois running at http://0.0.0.0:4000/.PressCtrl+C to stop.
這個時候再點選http://0.0.0.0:4000，正常情況下應該是最原始的畫面，但是我看到的是：
白板和Cannot GET / 幾個字
原因：
由於2.6以後就更新了，我們需要手動配置些東西，我們需要輸入下面三行命令：
npm install hexo-renderer-ejs –save
npm install hexo-renderer-stylus –save
npm install hexo-renderer-marked –save
這個時候再重新生成靜態檔案，命令：
hexo generate（或hexo g）
啟動本地伺服器：
hexo server（或hexo s）
再，點選網址http://0.0.0.0:4000OK終於可以看到屬於你自己的blog啦，