??前言

相信很多前端的小伙伴都有一個(gè)這樣的想法：自己寫了個(gè)前端項(xiàng)目，本地玩膩了，想著配個(gè)服務(wù)器，然后把自己的項(xiàng)目發(fā)布到服務(wù)器上，搭建一個(gè)屬于自己的網(wǎng)站。沒(méi)錯(cuò)，我很早就有了這樣一個(gè)想法，但苦于知識(shí)量匱乏，很多東西都不懂，一直到現(xiàn)在，才真正搭建了屬于自己的網(wǎng)站。

總體來(lái)說(shuō)，如果對(duì)于一些只接觸了純前端，對(duì)服務(wù)器以及項(xiàng)目上線部署沒(méi)什么了解的小伙伴們來(lái)說(shuō)，從購(gòu)買服務(wù)器到真正搭建自己的網(wǎng)站還是有一點(diǎn)困難的，所以，接下來(lái)，我將詳細(xì)解讀以及教小伙伴們?cè)趺丛诜?wù)器上搭建一個(gè)屬于自己的網(wǎng)站。

在文章最后，我會(huì)對(duì)連接服務(wù)器、上傳項(xiàng)目、以及搭建網(wǎng)站經(jīng)常遇到的一些問(wèn)題進(jìn)行一些總結(jié)，以便各位小伙伴們遇到不同的情況都能夠很好的解決。

??首先聲明，本人基于Linux下的CentOS 8系統(tǒng)鏡像，接下來(lái)的操作可能大部分偏向系統(tǒng)鏡像操作，但應(yīng)用鏡像操作也會(huì)涉及，小伙伴們請(qǐng)耐心看完全文，你會(huì)收獲到自己想要的答案的。

??預(yù)備知識(shí)

??什么是云服務(wù)器？

云服務(wù)器(Elastic Compute Service, ECS)是一種簡(jiǎn)單高效、安全可靠、處理能力可彈性伸縮的計(jì)算服務(wù)。其管理方式比物理服務(wù)器更簡(jiǎn)單高效。用戶無(wú)需提前購(gòu)買硬件，即可迅速創(chuàng)建或釋放任意多臺(tái)云服務(wù)器。

??什么是域名？

域名（英語(yǔ)：Domain Name），又稱網(wǎng)域，是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱，用于在數(shù)據(jù)傳輸時(shí)對(duì)計(jì)算機(jī)的定位標(biāo)識(shí)（有時(shí)也指地理位置）。由于IP地址具有不方便記憶并且不能顯示地址組織的名稱和性質(zhì)等缺點(diǎn)，人們?cè)O(shè)計(jì)出了域名，并通過(guò)網(wǎng)域名稱系統(tǒng)（DNS，Domain Name System）來(lái)將域名和IP地址相互映射，使人更方便地訪問(wèn)互聯(lián)網(wǎng)，而不用去記住能夠被機(jī)器直接讀取的IP地址數(shù)串。

??什么是SSL證書？

SSL證書是數(shù)字證書的一種，類似于駕駛證、護(hù)照和營(yíng)業(yè)執(zhí)照的電子副本。因?yàn)榕渲迷诜?wù)器上，也稱為SSL服務(wù)器證書。

SSL 證書就是遵守 SSL協(xié)議，由受信任的數(shù)字證書頒發(fā)機(jī)構(gòu)CA，在驗(yàn)證服務(wù)器身份后頒發(fā)，具有服務(wù)器身份驗(yàn)證和數(shù)據(jù)傳輸加密功能。

SSL證書通過(guò)在客戶端瀏覽器和Web服務(wù)器之間建立一條SSL安全通道（Secure socket layer(SSL),安全協(xié)議是由Netscape Communication公司設(shè)計(jì)開(kāi)發(fā)。該安全協(xié)議主要用來(lái)提供對(duì)用戶和服務(wù)器的認(rèn)證；對(duì)傳送的數(shù)據(jù)進(jìn)行加密和隱藏；確保數(shù)據(jù)在傳送中不被改變，即數(shù)據(jù)的完整性，現(xiàn)已成為該領(lǐng)域中全球化的標(biāo)準(zhǔn)。

??服務(wù)器選配

首先第一步，想要在服務(wù)器上部署項(xiàng)目，當(dāng)然前提得有一臺(tái)服務(wù)器呀，所謂工欲善其事，必先利其器嘛。

市場(chǎng)上服務(wù)器廠商都挺多，我們熟知的可能也就是阿里云，騰訊云，華為云，百度云等這些，個(gè)人推薦選擇阿里云和騰訊云，我第一次搭建是因?yàn)榘俣仍朴袀€(gè)活動(dòng)可以白嫖三個(gè)月，所以第一次選擇了百度云。其實(shí)服務(wù)器的配置這些對(duì)于新手來(lái)說(shuō)不必過(guò)多擔(dān)心，我們購(gòu)買服務(wù)器的用途也就是測(cè)試測(cè)試自己開(kāi)發(fā)的項(xiàng)目，或者搞個(gè)自己的個(gè)人博客之類的放在服務(wù)器上，所以，一般的輕量級(jí)服務(wù)器就已經(jīng)夠我們用了，不必很在意服務(wù)器的配置，所以新手我推薦輕量級(jí)服務(wù)器。

而且如果是新用戶，各大服務(wù)器廠商對(duì)新用戶的優(yōu)惠力度都特別大，所以購(gòu)買一個(gè)輕量級(jí)的個(gè)人服務(wù)器不是很貴，注冊(cè)之后記得實(shí)名，不實(shí)名的話是沒(méi)辦法購(gòu)買服務(wù)器的。

對(duì)于活動(dòng)推出的服務(wù)器，我們也不必?fù)?dān)心怎么去配置服務(wù)器的參數(shù)那些，因?yàn)榕渲枚寂浜昧?，頂多就是讓你選擇操作鏡像，設(shè)置初始化用戶名和密碼等。不管選擇哪個(gè)廠商，其實(shí)相同配置下，價(jià)格差異并不大。各大廠商都是點(diǎn)擊最新活動(dòng)，去享受優(yōu)惠價(jià)格

??阿里云官網(wǎng)鏈接

??騰訊云官網(wǎng)鏈接

??華為云官網(wǎng)鏈接

當(dāng)我們注冊(cè)好一個(gè)賬戶并實(shí)名認(rèn)證成功之后，我們就可以去購(gòu)買一個(gè)屬于自己的服務(wù)器了，要是還在糾結(jié)的小伙伴，也可以去各廠商活動(dòng)頁(yè)面先申請(qǐng)一個(gè)免費(fèi)體驗(yàn)的服務(wù)器先操作一下，等自己學(xué)會(huì)怎么玩服務(wù)器了再購(gòu)買也不遲，哈哈，沒(méi)錯(cuò)，就是像我一樣，我第一次使用服務(wù)器并不是購(gòu)買的，而是看到百度云里有活動(dòng)，然后白嫖了三個(gè)月。百度云活動(dòng)鏈接

??參數(shù)配置詳解

在購(gòu)買服務(wù)器配置頁(yè)，會(huì)讓用戶選擇一些配置，接下來(lái)我將詳細(xì)解釋每個(gè)配置到底該怎么選，以便幫助各位小伙伴們選擇出一臺(tái)最適合自己的服務(wù)器。下面我以百度云和騰訊云為例，詳細(xì)解讀參數(shù)配置。

??百度云

快速購(gòu)買方式
這個(gè)界面基本不用自己配置什么參數(shù)，比較容易上手，對(duì)實(shí)例（服務(wù)器）的配置也有說(shuō)明，可根據(jù)自己需求選配

??地區(qū)及可用區(qū)

這里分兩種情況，假如說(shuō)自己買個(gè)服務(wù)器是因?yàn)轫?xiàng)目要上線投入使用，那么這種情況，用戶主要集中在那個(gè)區(qū)域就選那個(gè)區(qū)域，這樣的話用戶訪問(wèn)網(wǎng)站項(xiàng)目響應(yīng)速度就相對(duì)較快。還有一種情況就是自己買了自己玩，這種的話就直接選擇自己所在地區(qū)

??實(shí)例配置

有的小伙伴可能會(huì)問(wèn)，我買的不是服務(wù)器嗎？實(shí)例是個(gè)什么鬼？實(shí)例是云端的虛擬計(jì)算資源，可理解為云服務(wù)器（Cloud Virtual Machine，CVM），包含 CPU、內(nèi)存、操作系統(tǒng)、網(wǎng)絡(luò)、磁盤等最基礎(chǔ)的計(jì)算組件。云服務(wù)器實(shí)例可在云端提供安全可靠的彈性計(jì)算服務(wù)，實(shí)現(xiàn)計(jì)算需求；可隨著業(yè)務(wù)需求的變化，實(shí)時(shí)擴(kuò)展或縮減計(jì)算資源；可極大降低企業(yè)的軟硬件采購(gòu)成本，簡(jiǎn)化 IT 運(yùn)維工作。這里說(shuō)的實(shí)例配置其實(shí)就是服務(wù)器的配置，在快速購(gòu)買這個(gè)頁(yè)面，對(duì)不同實(shí)例的配置都做了說(shuō)明，小伙伴們可以根據(jù)自己用途來(lái)進(jìn)行選擇

??操作系統(tǒng)

其實(shí)這里的操作系統(tǒng)又可以稱為操作鏡像，簡(jiǎn)單理解就是服務(wù)器購(gòu)買者通過(guò)什么樣的方式訪問(wèn)到自己購(gòu)買的服務(wù)器，這里也可能是新手比較糾結(jié)的一點(diǎn)，操作鏡像呢又分為應(yīng)用鏡像和系統(tǒng)鏡像。鏡像是一個(gè)包含了軟件及必要配置的服務(wù)器或磁盤模版，包含操作系統(tǒng)或業(yè)務(wù)數(shù)據(jù)，還可以包含應(yīng)用軟件(例如，數(shù)據(jù)庫(kù)軟件)和私有軟件。鏡像分為公共鏡像、私有鏡像、共享鏡像、市場(chǎng)鏡像。鏡像服務(wù)(Image Management Service)提供鏡像的生命周期管理能力。用戶可以靈活地使用公共鏡像、私有鏡像或共享鏡像申請(qǐng)彈性云服務(wù)器和裸金屬服務(wù)器。一般推薦選擇安裝系統(tǒng)鏡像，這樣的話操作系統(tǒng)是純凈的，未安裝過(guò)任何環(huán)境和程序的，方便我們操作。

??帶寬

簡(jiǎn)單理解就是在給定時(shí)間內(nèi)可以傳輸?shù)臄?shù)據(jù)量。它相當(dāng)于一條路，需要通過(guò)的數(shù)據(jù)相當(dāng)于其中的車輛。如果道路狹窄，車輛通過(guò)所需的時(shí)間會(huì)相對(duì)較慢，這也是帶寬會(huì)在一定程度上影響網(wǎng)頁(yè)的打開(kāi)速度的原因。如果把帶寬比作水管，帶寬實(shí)際上就是水管的流量而流量就是流出的水的總量。帶寬影響主機(jī)的訪問(wèn)速度，網(wǎng)絡(luò)帶寬的大小對(duì)于訪問(wèn)量大的網(wǎng)站尤為重要。所以，帶寬越大，就代表訪問(wèn)服務(wù)器和響應(yīng)速度越快，但是呢，對(duì)于新手小白來(lái)說(shuō)，一般帶寬1M~2M已經(jīng)夠用了，大佬可滑走。

??騰訊云

相同的地方我就不在贅述，咱們來(lái)說(shuō)說(shuō)一些不同的值得注意的點(diǎn)

??安全組

安全組（Security Group）是一種有狀態(tài)的包過(guò)濾功能的虛擬防火墻，它用于設(shè)置單臺(tái)或多臺(tái)云服務(wù)器的網(wǎng)絡(luò)訪問(wèn)控制，可以將同一地域內(nèi)具有相同網(wǎng)絡(luò)安全隔離需求的云服務(wù)器實(shí)例加到同一個(gè)安全組內(nèi)，通過(guò)安全組的網(wǎng)絡(luò)策略對(duì)云服務(wù)器的出入流量進(jìn)行安全過(guò)濾。出于安全考慮，騰訊云服務(wù)器默認(rèn)只開(kāi)放了22和3389端口，假設(shè)在這臺(tái)云服務(wù)器上搭建網(wǎng)站，則需要80端口，就是通過(guò)配置安全組規(guī)則放行80端口來(lái)實(shí)現(xiàn)的。

??登錄方式

密碼是每臺(tái)云服務(wù)器實(shí)例專有的登錄憑據(jù)。為保證實(shí)例的安全可靠，騰訊云提供以下兩種加密登錄方式：

SSH 密鑰對(duì)：只需在控制臺(tái)和本地客戶端做簡(jiǎn)單配置即可遠(yuǎn)程登錄實(shí)例，再次登錄時(shí)無(wú)需再輸入密碼。此登錄方式更為安全可靠，可以杜絕暴力破解威脅。

登錄密碼：任何擁有實(shí)例登錄密碼的人都可以通過(guò)被安全組允許的公網(wǎng)地址遠(yuǎn)程登錄云服務(wù)器實(shí)例。

??IP 地址

騰訊云提供 內(nèi)網(wǎng) IP 地址 和 公網(wǎng) IP 地址。簡(jiǎn)單理解，內(nèi)網(wǎng) IP 提供局域網(wǎng)（LAN）服務(wù)，云服務(wù)器之間互相訪問(wèn)。公網(wǎng) IP 在用戶在云服務(wù)器實(shí)例上需要訪問(wèn) Internet 服務(wù)時(shí)使用。

以上就是在選擇服務(wù)器時(shí)一些比較值得注意的參數(shù)配置，小伙伴們看到這里，就可以去選擇一臺(tái)滿足自己需求，適合自己的服務(wù)器啦。

??系統(tǒng)鏡像和應(yīng)用鏡像怎么選？

系統(tǒng)鏡像，也就是我們平時(shí)所說(shuō)的操作系統(tǒng)鏡像，系統(tǒng)鏡像是不包含任何軟件以及插件的純凈版的操作系統(tǒng)。更多的人都會(huì)選擇系統(tǒng)鏡像，因?yàn)椴煌较虻娜丝梢愿鶕?jù)自己的需求安裝自己所需要的服務(wù)以及軟件，優(yōu)點(diǎn)就是靈活性比較強(qiáng)。

應(yīng)用鏡像，簡(jiǎn)單理解就是服務(wù)器已經(jīng)幫你選擇了操作系統(tǒng)，并且在操作系統(tǒng)的基礎(chǔ)上又額外安裝了一些環(huán)境，相當(dāng)于一條龍服務(wù)，自己不用動(dòng)手去安裝環(huán)境，可根據(jù)選擇不同的應(yīng)用鏡像搭建不同的網(wǎng)站類型，常見(jiàn)的有WordPress、LAMP、Node.js等。優(yōu)點(diǎn)就是相對(duì)于系統(tǒng)鏡像來(lái)說(shuō)，操作起來(lái)比較方便。

看到這里，相信各位小伙伴在于選擇鏡像問(wèn)題上應(yīng)該知道怎么選了吧，我剛開(kāi)始一步直接到位選擇了系統(tǒng)鏡像，確實(shí)到后面也是花費(fèi)了好多的時(shí)間才成功搭建起網(wǎng)站。所以對(duì)于沒(méi)有基礎(chǔ)的小伙伴來(lái)說(shuō)，我覺(jué)得剛開(kāi)始可以選擇應(yīng)用鏡像，這種方式操作起來(lái)也相對(duì)簡(jiǎn)單，如果也有小伙伴想選擇可玩性高的系統(tǒng)鏡像，那么我推薦Linux下的CentOS鏡像，版本越高越好，但需要一定的Linux基礎(chǔ)。

??登錄控制臺(tái)

當(dāng)我們選好自己的配置并購(gòu)買服務(wù)器后，就可以轉(zhuǎn)到自己的控制臺(tái)頁(yè)面查看自己的購(gòu)買的服務(wù)器，并且再次設(shè)置一些參數(shù)，比如安全組，重置密碼等等。購(gòu)買成功之后首次訪問(wèn)公網(wǎng)IP是沒(méi)有響應(yīng)的，因?yàn)槟J(rèn)瀏覽器訪問(wèn)的是80端口，而一般在服務(wù)器購(gòu)買后沒(méi)做任何配置80端口是沒(méi)有被占用的。但是如果選擇的是應(yīng)用鏡像的話，在訪問(wèn)的時(shí)候會(huì)根據(jù)自己選擇應(yīng)用鏡像最終顯示對(duì)應(yīng)的頁(yè)面

接下來(lái)我所講的內(nèi)容主要以Linux下的CentOS 8鏡像為主，因?yàn)槲疫x擇的是系統(tǒng)鏡像，但講完系統(tǒng)鏡像，我也會(huì)對(duì)應(yīng)用鏡像做一些教程，方便不同小伙伴們的需求。

購(gòu)買服務(wù)器成功之后，有條件的小伙伴可以去注冊(cè)一個(gè)屬于自己的域名， 購(gòu)買域名后到相應(yīng)的界面進(jìn)行備案，只有備案成功后，自己才可以通過(guò)域名來(lái)訪問(wèn)自己的網(wǎng)站，這個(gè)過(guò)程差不多需要兩三天的審核時(shí)間。

個(gè)人建議先把自己的網(wǎng)站搭建出來(lái)在考慮購(gòu)買域名和備案這些操作，這樣比較把穩(wěn)一點(diǎn)，不然域名買了，備案?jìng)淞?，自己網(wǎng)站搭建不出來(lái)，那豈不是白搭。

??連接服務(wù)器

接下來(lái)要做的肯定就是連接服務(wù)器啦，我所知道的有三種方式，效果都差不多，看個(gè)人選擇，但推薦選擇使用遠(yuǎn)程連接軟件連接。比如Xshell等。

?????使用網(wǎng)頁(yè)VNC訪問(wèn)服務(wù)器

在控制臺(tái)頁(yè)面下點(diǎn)擊自己購(gòu)買的實(shí)例，可以看到使用VNC登錄的方式。VNC服務(wù)對(duì)瀏覽器有一定的要求，使用之前注意VNC頁(yè)面的提示。登錄之前要確保自己的實(shí)例正在運(yùn)行，不然是沒(méi)辦法連接上的

現(xiàn)在只支持如下版本的瀏覽器

• Google Chrome 16+
• Firefox 3.6+
• iOS Safari 6.1+
• Opera 11+
• Internet Explorer 9+

對(duì)于linux系統(tǒng)，在VNC窗口 的的對(duì)話框中，在 “login” 后輸入用戶名，按 Enter。對(duì)于Windows操作系統(tǒng)，點(diǎn)擊按鈕“發(fā)送Ctrl+Alt+Del”，發(fā)送Ctrl+Alt+Del命令到操作系統(tǒng)。

在 “Password” 后輸入密碼，按 Enter。值得注意的是輸入的密碼默認(rèn)是不顯示的，別像我傻乎乎的，輸入密碼光標(biāo)不動(dòng)還以為是自己鍵盤壞了。如下圖所示：

?????使用遠(yuǎn)程連接軟件

此方式是大家都比較推薦的方式，原因很簡(jiǎn)單，方便，靈活性高。這里我使用的是Xshell遠(yuǎn)程連接
首先去官網(wǎng)下載Xshell，官網(wǎng)鏈接X(jué)manager中文官網(wǎng)_Xshell,Xmanager,Xftp 7下載，現(xiàn)在Xshell已經(jīng)更新到7版本，小伙伴們自行下載就行。

打開(kāi)軟件后，新建一個(gè)會(huì)話，【名稱】選項(xiàng)自己可以隨意命名，不影響。【主機(jī)】選項(xiàng)填寫自己的公網(wǎng)IP地址，也就是自己服務(wù)器的地址，在控制臺(tái)可以查看自己的服務(wù)器IP地址，【端口號(hào)】選項(xiàng)默認(rèn)是22端口，不用修改。22端口就是用于SSH遠(yuǎn)程連接的端口。其他選項(xiàng)不用選擇，直接點(diǎn)擊【連接】按鈕進(jìn)行連接。

首次連接可能會(huì)跳出一個(gè)叫什么密鑰配對(duì)的窗口，點(diǎn)擊接受就可以了，然后就是輸入【用戶名】和【密碼】，確定后就連接成功了，這里的用戶名和密碼就是當(dāng)時(shí)購(gòu)買服務(wù)器要填寫的服務(wù)器用戶名和密碼喲。

顯式這個(gè)頁(yè)面即表示連接成功了喲，接下來(lái)就可以對(duì)自己的服務(wù)器進(jìn)行一些操作了

?????使用遠(yuǎn)程桌面連接

這也是第三種遠(yuǎn)程連接服務(wù)器的方式，適用于選擇了Windows鏡像的用戶，可以直接用自己電腦上的遠(yuǎn)程桌面連接到自己的服務(wù)器。

??下載服務(wù)器Web服務(wù)

連接上自己的服務(wù)器之后，就可以對(duì)自己的服務(wù)器環(huán)境進(jìn)行一些配置了，想要搭建網(wǎng)站，肯定少不了的就是使用Web服務(wù)來(lái)提供網(wǎng)站訪問(wèn)能力，當(dāng)下一些比較主流的Web服務(wù)有：Apache HTTP Server、NGINX、Apache Tomcat、Node.js、Lighttpd等。這里我推薦的使用的是Nginx，如果有小伙伴不了解這些是什么東西，記得先去查閱下資料喲。

??Nginx

Nginx 可以作為靜態(tài)頁(yè)面的 web 服務(wù)器，同時(shí)還支持 CGI 協(xié)議的動(dòng)態(tài)語(yǔ)言，比如 perl、php 等。但是不支持 java。Java 程序只能通過(guò)與 tomcat 配合完成。Nginx 專為性能優(yōu)化而開(kāi)發(fā)， 性能是其最重要的考量,實(shí)現(xiàn)上非常注重效率 ，能經(jīng)受高負(fù)載的考驗(yàn),有報(bào)告表明能支持高 達(dá) 50,000 個(gè)并發(fā)連接數(shù)。

首先，我們先創(chuàng)建一個(gè)文件夾，用于保存后面自己要上傳的項(xiàng)目

# 輸入代碼
mkdir web

接下來(lái)，查看自己的端口占用情況，上面我就提到了，服務(wù)器初始化狀態(tài)下80端口是未被占用的

# 輸入代碼
netstat -ntlp

在Linux環(huán)境下下載Nginx非常的簡(jiǎn)單，Linux提供了很多包管理工具，所以直接輸入以下命令，敲下回車就可以下載Nginx

# 輸入代碼
yum install nginx

下載過(guò)程中出現(xiàn)一下界面，直接選y，一路下載

下載完成之后，我們輸入nginx來(lái)啟動(dòng)服務(wù)，這時(shí)候我們?cè)賮?lái)查看端口占用情況就可以發(fā)現(xiàn)80端口已經(jīng)被nginx占用了

然后直接訪問(wèn)自己服務(wù)器IP地址，出現(xiàn)如下界面就代表Nginx安裝并運(yùn)行成功了

如果安裝完成之后，訪問(wèn)服務(wù)器IP地址不成功，可能存在兩個(gè)問(wèn)題，80端口被其他服務(wù)占用或者Nginx下載文件丟失或下載不成功。如果80端口被其他程序占用，則清空80端口或者設(shè)置80端口占用服務(wù)為Nginx即可。如果出現(xiàn)Nginx下載失敗或者下載文件缺失損毀，則卸載Nginx再次重新安裝就行了。

卸載Nginx命令：

# 輸入命令
yum remove nginx

??上傳網(wǎng)頁(yè)項(xiàng)目

完成上述操作之后，接下來(lái)就可以把自己的項(xiàng)目上傳到服務(wù)器啦，那如何上傳呢，這里介紹兩種方式

??直接替換Nginx默認(rèn)頁(yè)面

找到Nginx默認(rèn)顯示頁(yè)面

# 輸入代碼
cd /usr/share/nginx/html

刪除nginx默認(rèn)顯示頁(yè)面

# 輸入代碼
rm -rf index.html

將自己的網(wǎng)頁(yè)直接拖拽進(jìn)目錄下即可，然后查看是否成功。全選文件，直接拖拽

查看是否存在文件

到這一步，咱們就簡(jiǎn)單實(shí)現(xiàn)了一個(gè)靜態(tài)頁(yè)面上傳服務(wù)器了，現(xiàn)在直接訪問(wèn)服務(wù)器IP地址，就可以看見(jiàn)自己的網(wǎng)頁(yè)啦。

??修改Nginx配置文件

第一種做法呢比較麻煩，萬(wàn)一要是文件夾刪錯(cuò)了，那可不就廢了。所以，我比較推薦第二種方法。

首先下載Xshell配套的文件傳輸軟件Xftp 7（遠(yuǎn)程文件傳輸?shù)能浖泻芏啵灰欢ǚ且褂眠@個(gè)，可根據(jù)自己選擇），連接上自己的服務(wù)器，連接方式和Xshell 7一樣。上面說(shuō)道我新建了一個(gè)web文件夾，接下來(lái)我們把文件上傳到這個(gè)Web文件夾下。

接著找到Nginx的配置文件，修改默認(rèn)配置，指向自己創(chuàng)建的文件夾下的html文件即可。

打開(kāi)Nginx文件夾：

# 輸入命令
cd /etc/nginx

文本編輯打開(kāi)Nginx配置文件：

# 輸入命令
vim nginx.conf

修改配置文件

完成這一系列操作之后，再次重啟nginx服務(wù)，然后訪問(wèn)服務(wù)器IP地址，也能看到自己的網(wǎng)頁(yè)啦。

到此，簡(jiǎn)單的靜態(tài)頁(yè)面網(wǎng)站就搭建成功啦，至于怎么搭建動(dòng)態(tài)網(wǎng)站，配置數(shù)據(jù)庫(kù)，后端，等等一些操作，我還正在摸索。那有沒(méi)有更簡(jiǎn)單的方式呢，當(dāng)然有，接下來(lái)我就講講寶塔面板的使用。

??寶塔linux控制面板

寶塔面板是一款服務(wù)器管理軟件，支持windows和linux系統(tǒng)，可以通過(guò)Web端輕松管理服務(wù)器，提升運(yùn)維效率。例如：創(chuàng)建管理網(wǎng)站、FTP、數(shù)據(jù)庫(kù)，擁有可視化文件管理器，可視化軟件管理器，可視化CPU、內(nèi)存、流量監(jiān)控圖表，計(jì)劃任務(wù)等功能。

寶塔面板分為Windows版本和Linux版本，我主要介紹的是Linux版的寶塔面板怎么下載和使用，Windows版本其實(shí)相差無(wú)幾。

??下載

在下載之前，可先進(jìn)入寶塔面板官網(wǎng)，注冊(cè)一個(gè)寶塔賬戶，后文服務(wù)器綁定時(shí)需要寶塔賬戶。在Linux系統(tǒng)中，使用一行命令就可以下載寶塔面板。

因?yàn)槲业姆?wù)器是Centos版本，所以，直接在Xshell中輸入以下命令：

# 輸入代碼
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

下載完成之后，會(huì)出現(xiàn)以下界面，包含訪問(wèn)面板IP地址，登錄寶塔面板的用戶名和密碼，最好截圖保存一下，以便后續(xù)登錄。

在瀏覽器訪問(wèn)寶塔面板，輸入用戶名和密碼，第一次登錄要綁定自己的寶塔賬戶，綁定之后出現(xiàn)以下界面

選擇一鍵安裝后，在面板的左上角，會(huì)自動(dòng)顯示任務(wù)的數(shù)量，點(diǎn)擊后進(jìn)入任務(wù)列表。在當(dāng)前界面會(huì)顯示程序的安裝進(jìn)度，或程序執(zhí)行進(jìn)度等。等待一段時(shí)間后，查看任務(wù)列表中的信息，查看是否完成。

等待安裝的過(guò)程中，自己可以了解面板的各模塊

??創(chuàng)建站點(diǎn)

服務(wù)下載完成之后，點(diǎn)擊左側(cè)網(wǎng)站一欄，創(chuàng)建新的站點(diǎn)

【域名】：填寫需要綁定的域名以及端口。沒(méi)有域名可填寫服務(wù)器IP地址

【根目錄】：當(dāng)前站點(diǎn)文件的路徑，可以自己選擇創(chuàng)建點(diǎn)，盡量使用默認(rèn)路徑（www/wwwroot）方便管理。

創(chuàng)建站點(diǎn)成功后，進(jìn)入目錄下，刪除默認(rèn)網(wǎng)頁(yè)文件，上傳自己的網(wǎng)站文件，然后訪問(wèn)服務(wù)器IP地址就能看見(jiàn)自己的網(wǎng)站啦，到這里，網(wǎng)站建站就成功了

??常見(jiàn)問(wèn)題

??建站失敗報(bào)錯(cuò)

有時(shí)候登錄到寶塔面板想要新建一個(gè)站點(diǎn)時(shí)，會(huì)出現(xiàn)建站失敗的報(bào)錯(cuò)，一般情況下考慮Nginx配置文件有問(wèn)題，可重新下載Nginx，并重新配置Nginx配置文件

??寶塔面板連接不上云服務(wù)器

這個(gè)報(bào)錯(cuò)我遇到過(guò)一次，登錄上面板后一直彈窗說(shuō)連接不上云服務(wù)器，后來(lái)百度各種解決方案，感覺(jué)比較靠譜的就是重新下載面板，但也有可能是端口占用問(wèn)題。

??端口未放行

以下云服務(wù)商，安裝寶塔后需開(kāi)端口，不開(kāi)啟將無(wú)法使用。

騰訊云：https://www.bt.cn/bbs/thread-1229-1-1.html
阿里云：https://www.bt.cn/bbs/thread-2897-1-1.html
華為云：https://www.bt.cn/bbs/thread-3923-1-1.html

更多詳情，請(qǐng)查看【寶塔手冊(cè)】序言 · 寶塔面板手冊(cè) · 看云

其實(shí)講到寶塔面板，也涉及應(yīng)用鏡像這一塊了，如果在選擇服務(wù)器配置選擇了應(yīng)用鏡像，那么首次訪問(wèn)服務(wù)器IP就會(huì)出現(xiàn)對(duì)應(yīng)應(yīng)用鏡像的默認(rèn)頁(yè)面，對(duì)應(yīng)的，在控制臺(tái)頁(yè)面也會(huì)給出登錄各應(yīng)用的控制面板，可自行根據(jù)需求操作。

??常見(jiàn)的應(yīng)用鏡像說(shuō)明

• wordpress

  • 是全球最應(yīng)用范圍最廣的開(kāi)源的個(gè)人博客系統(tǒng)，并逐步演化成一款內(nèi)容管理系統(tǒng)軟件，具備使用簡(jiǎn)單、功能強(qiáng)大、靈活可擴(kuò)展的特點(diǎn)，提供豐富的主題插件，該鏡像還預(yù)裝了Nginx、php、Mysql數(shù)據(jù)庫(kù)，基于Centos8.2操作系統(tǒng)

• node.js

  • Node.js是一個(gè)基于是一個(gè)基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境， 用于方便地搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用。該鏡像基于centos7.9操作系統(tǒng)，預(yù)裝了Mysql。

• asp.net

  • ASP.NET是一個(gè)開(kāi)源的服務(wù)端Web應(yīng)用程序框架，用于構(gòu)建動(dòng)態(tài)網(wǎng)頁(yè)、應(yīng)用和服務(wù)。該鏡像中內(nèi)置MySQL 8.0.19數(shù)據(jù)庫(kù)，基于Windows Server 2012 R2操作系統(tǒng)。

• LNMP 環(huán)境

  • LNMP 環(huán)境代表 Linux 系統(tǒng)下 Nginx + MySQL/MariaDB + PHP 組成的網(wǎng)站服務(wù)器架構(gòu)。

• LAMP 環(huán)境

  • LAMP 環(huán)境代表 Linux 系統(tǒng)下 Apache + MySQL/MariaDB + PHP 組成的網(wǎng)站服務(wù)器架構(gòu)。

各廠商的應(yīng)用鏡像描述不一樣，可根據(jù)自己的需求選擇對(duì)應(yīng)的應(yīng)用鏡像。

??連接服務(wù)器常見(jiàn)問(wèn)題

??拒絕遠(yuǎn)程連接

有時(shí)候使用Xshell遠(yuǎn)程連接服務(wù)器會(huì)出現(xiàn)拒絕連接這種情況，一般就是SSH連接端口沒(méi)有開(kāi)啟，可在控制臺(tái)安全組設(shè)置訪問(wèn)規(guī)則。

??項(xiàng)目發(fā)布常見(jiàn)問(wèn)題

??頁(yè)面停留在Nganix默認(rèn)頁(yè)

這個(gè)問(wèn)題其實(shí)和上面的差不多，就是修改Nginx配置文件可能未生效，重新修改配置文件并保存退出，然后重啟Nginx服務(wù)，重啟服務(wù)器即可

??圖片加載不出來(lái)

這種情況我搭建網(wǎng)站的時(shí)候遇到過(guò)，說(shuō)來(lái)慚愧，我有些靜態(tài)資源是以中文命名的，比如有些圖片，后來(lái)我把圖片重命名后就加載得出來(lái)啦。還有可能就是自己的路徑不對(duì)，改下路徑就OK了。

??總結(jié)

以上就是我在購(gòu)買服務(wù)期后自己搭建網(wǎng)站的一些經(jīng)驗(yàn)和總結(jié)，寫這篇文章的目的也是為了能夠幫助小伙伴們?cè)谫?gòu)買服務(wù)器以及搭建網(wǎng)站的時(shí)候不那么費(fèi)力，少走點(diǎn)彎路。同樣，這也是我第一次嘗試把自己的網(wǎng)頁(yè)放到服務(wù)器上，并且能夠成功訪問(wèn)，之前也沒(méi)接觸過(guò)到服務(wù)器有關(guān)的知識(shí)和操作，所以在這段路上我嘗試了很多次，也失敗了很多次，遇到過(guò)很多各種各樣的問(wèn)題，經(jīng)過(guò)多方面的不斷借鑒以及參考，終于成功在服務(wù)器上訪問(wèn)到了自己的網(wǎng)頁(yè)。

所以，希望這篇文章能夠幫助到想要嘗試購(gòu)買服務(wù)器發(fā)布自己項(xiàng)目的小伙伴們，大佬請(qǐng)繞路，哈哈，很多地方我也是現(xiàn)學(xué)現(xiàn)總結(jié)，吸收了很多經(jīng)驗(yàn)，對(duì)服務(wù)器的了解以及操作也不是那么的熟練。

??創(chuàng)作不易，覺(jué)得不錯(cuò)的話記得點(diǎn)贊收藏呀?。??

??別忘了給我關(guān)注~~??文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-779307.html

到了這里，關(guān)于從購(gòu)買服務(wù)器到網(wǎng)站搭建成功保姆級(jí)教程~超詳細(xì)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！