前端如何部署自我介紹的網(wǎng)頁

相信很多前端程序猿都想在網(wǎng)絡(luò)上留下自我介紹的網(wǎng)頁地址（小編是這么想的 ），這個網(wǎng)頁起碼可以不同于常人去介紹自己，你可以直接丟一個地址給你朋友讓他對你有更深入的了解，那會你內(nèi)心是個驕傲的程序猿。

首次購買的用戶很便宜，初次嘗試的話小編建議購買1核2G就有了，1年和3年都可以，后期如有其他需求，再考慮升級配置和續(xù)費。購買后你會得到云服務(wù)器的實例：

暫且不用理它，你知道有自己的云服務(wù)器就可以了。

注冊域名：

在騰訊云里找到購買域名的地址（購買了其他云服務(wù)器的就去官網(wǎng)下購買對應(yīng)的域名），輸入你想注冊的域名，比如輸入 asdsf 你會看到所有關(guān)于asdsf的域名信息，挑選你自己喜歡的域名購買即可

要注意的是那里顯示的價格都是首年的費用，續(xù)費的費用要了解下：

域名備案：

購買好域名之后你就需要為你自己的域名去公安備案，大陸的域名都是需要備案的，防止你用域名去部署博彩、色情等不合法網(wǎng)站。

域名備案就根據(jù)提示去操作就好了，是需要審核和填資料的，按照模版和提示操作完等短信通知域名備案成功與否。

解析域名：

域名備案成功后，就需要解析自己的云服務(wù)器上的網(wǎng)址了。我們在云產(chǎn)品下輸入 DNS解析：

來到域名解析列表

點擊列表右邊的解析，可以看到小編已經(jīng)添加了幾個解析地址

里面對應(yīng)的每個地址都是有自己顯示的內(nèi)容。比如你想解析aaa.asdsf.com(asdsf.com是你購買的域名)，那么就是這么解析：

那么我現(xiàn)在就是解析二級域名，這樣我在網(wǎng)頁上輸入aaa.asdsf.com就能顯示出我在nginx上部署的代碼。假設(shè)沒有添加好解析的話是這樣的：

假設(shè)你想直接解析主域名，就是你購買的asdsf.com的話，直接點擊添加記錄，輸入@將會解析你購買的域名信息：

你想解析www的話，那么你輸入www.asdsf.com才能正常使用，否則也是跟上述網(wǎng)頁報錯的情況一樣：

以上工作準(zhǔn)備妥當(dāng)了，那么我們就可以在我們的服務(wù)器上部署我們寫的代碼，然后打開我們解析過的地址就能看到代碼展示的內(nèi)容了。

鏈接云服務(wù)器：

上傳文件后怎么實現(xiàn)訪問自己的域名就能顯示出預(yù)設(shè)的樣子呢？這里就要用到nginx實現(xiàn)轉(zhuǎn)發(fā)了，通過配置nginx實現(xiàn)代碼文件資源的轉(zhuǎn)發(fā)。CentOS安裝nginx，按照教程即可。

https://www.runoob.com/linux/nginx-install-setup.html

安裝完成后，找到nginx安裝目錄下的這個文件：

右鍵可以設(shè)置服務(wù)器上的文件用什么軟件打開：

打開這個nginx.conf文件，這里配置你要加載哪寫*.conf的文件

這些*.conf文件就是你的每個網(wǎng)頁的轉(zhuǎn)發(fā)配置。比如小編建立了一個aaa文件夾，文件夾下建了好多個**.conf文件，以后想新增一個抓發(fā)配置，直接在aaa文件下新建一個new.conf文件，修改一下new.conf的域名和轉(zhuǎn)發(fā)資源路徑就可以新建一個站點了。 

這里舉例自我介紹網(wǎng)頁的conf文件：

# 個人網(wǎng)站http    server {        listen       80;        server_name  huangzequn.top;#域名        location / {            root   /usr/local/***;#站點目錄            index  index.html index.htm index.php;        }        error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }        if ($host = huangzequn.top) {#這里我配置了https協(xié)議，自動將訪問http轉(zhuǎn)到https去          return 301 https://$host$request_uri;        }    }    # 個人主頁https    server {       listen       443 ssl;       server_name  www.huangzequn.top;#帶www的域名       ssl_certificate      /usr/local/***/***.crt;#.crt證書的目錄位置       ssl_certificate_key  /usr/local/***/***.key;#.key證書的目錄w位置
       ssl_session_cache    shared:SSL:1m;       ssl_session_timeout  5m;       ssl_protocols TLSv1 TLSv1.1 TLSv1.2;       location / {            root   /usr/local/***;#站點目錄 跟上面站點目錄一致            index  index.html index.htm index.php;        }    }    server {       listen       443 ssl;       server_name  huangzequn.top;#域名       ssl_certificate      /usr/local/***/***.crt;#.crt證書的目錄位置       ssl_certificate_key  /usr/local/***/***.key;#.key證書的目錄w位置
       ssl_session_cache    shared:SSL:1m;       ssl_session_timeout  5m;       ssl_protocols TLSv1 TLSv1.1 TLSv1.2;       location / {            root   /usr/local/***;#站點目錄 跟上面站點目錄一致            index  index.html index.htm index.php;        }    }    

這樣當(dāng)別人訪問以下 

http://huangzequn.tophttps://huangzequn.tophttps://www.huangzequn.top

任意一個網(wǎng)址時都會轉(zhuǎn)發(fā)加載我配置的站點目錄那個文件夾，從而顯示代碼資源。

至此你已經(jīng)可以將自己寫的代碼放入到云服務(wù)器上，并在打開某個網(wǎng)址時顯示代碼資源。

都看到這了，不如點個關(guān)注？如有不懂的我們留言區(qū)見