主機測評&技術分享將通過本文講解一步一步帶你摸清楚一個網站從0到1的全過程，從以下幾個步驟展開：

• 域名——備案
• 服務器———域名綁定（DNS解析）——Web容器（如：Nginx）
• 網站內容——靜態文件 (如：dede網站文件)

翻譯過來就是你把你的東西放在哪里？別人通過什么方式可以找到！

網站建設

域名

就是網絡地址，通常我們簡稱“網址”

這個網絡地址就叫網站域名。比如說當我們輸入百度的網站域名，就能正確訪問到百度的網站了。域名是解析到IP上來訪問，有了域名，我們就不用輸入IP來訪問某個網站，這樣方便記憶。

如何申請網站域名？百度云、阿里云、騰訊云皆可，主機測評&技術分享以百度云注冊申請域名為例：

域名注冊

域名的注冊遵循先申請先注冊為原則，當你要注冊的域名，必須得先查詢一下是否被注冊，注冊過的，就不允許再次注冊了。這個申請域名的比較簡單，自己去操作一下，就會了！

備案

國家要求國內任何一個網站必須進行工信部ICP備案，如果沒有備案，你的網站鏈接是無法訪問的。

網站備案的目的就是為了防止在網上從事非法的網站經營活動，打擊不良互聯網信息的傳播，如果網站不備案的話，很有可能被查處以后關停。

當前阿里云是可以直接通過手機客戶端直接去申請備案的，而且速度會比網站備案快很多，建議直接用手機客戶端去備案。

【當然，覺得國內服務器備案比較麻煩，可以選擇香港服務器，香港服務器是免備案的，致臻數據可以為您提供香港免備案云服務器，但是記得域名實名認證使用，比較方便些！】

服務器

服務器這里推薦致臻數據，因為確實比較優惠，服務也好！

同時現在注冊就有9折優惠可以享受，重點是可以免備案，方便快捷！

致臻數據云服務器

在致臻數據的網站（zhizhenyun.com.cn），注冊提交工單，即可享受所有服務器9折優惠！

域名解析

到這里我們已經得到了網站域名和服務器，但是他們都是分別獨立的，我們需要將域名和網站主機關聯起來：

域名解析

添加一條記錄，將我們的服務器的公網IP填到記錄值的位置：

域名解析

Web容器

這里我們以Nginx為例，Nginx是一個免費的、開源的、高性能的 HTTP 和反向代理服務，假設你的服務器為centos系統

安裝

sudo yum install nginx

使用 yum 進行 Nginx 安裝時，Nginx 配置文件在 /etc/nginx 目錄下

常用的nginx命令

sudo systemctl enable nginx # 設置開機啟動 nginx start# 啟動 nginx 服務nginx stop# 停止 nginx 服務nginx restart # 重啟 nginx 服務nginx reload # 重新加載配置，一般是在修改過 nginx 配置文件時使用。

驗證 Nginx 是否成功啟動，可以在瀏覽器中打開輸入你的ip，您將看到默認的 Nginx 歡迎頁面，類似于下圖所示：

Nginx安裝

網站內容

到了這一步，我們有了域名，服務器，web容器，就差往容器里面塞東西了，以 Vue 為例，我們首先要拿到 Vue 項目 build 后的dist文件夾

npmrun build //將會產出dist文件

以最原始的方法將dist上傳到服務包

scp dist.zip 用戶名@服務器公網ip:/home/vueTest

注意這里我們是上傳的 zip文件，到了服務器你需要將目標 zip解壓

//通過ssh登錄ssh用戶名@服務器公網ip//進入目標文件解壓剛剛上傳的zip包cd/home/vueTestunzipdist.zip

最后我們配置一下nginx

// 進入編輯nginx confvi /etc/nginx/conf.d/vueTest

server { listen 80; server_name 你的域名; index index.php index.html index.htm default.php default.htm default.html; // 指向你的靜態資源root /home/vueTest/dist; }

配置完重啟一下nginx

nginx -t // 檢查nginx配置是否正常nginx reload // 重啟nginx

不出意外，這個時候在瀏覽器輸入你的域名應該能看到你的網站啦！