一篇從零開始、步驟完整的網(wǎng)站搭建教程，新手小白也能看懂！附源碼

從今年八月開始到現(xiàn)在自己也是從0開始做了有兩個(gè)網(wǎng)站:

搏客站：

軟件下載站：

這中間也經(jīng)常有不了解的地方需要去查。其實(shí)網(wǎng)上的資料也不少

但可能相對(duì)比較零散，需要反復(fù)的查來查去，費(fèi)時(shí)又累心

那這次有時(shí)間就想著說寫一篇從零開始、步驟完整的網(wǎng)站搭建教程

希望能幫助大家節(jié)省時(shí)間，不需要去東拼西湊的查來查去

這篇文章我花了兩天的時(shí)間，全篇7000字，102張截圖說明，精細(xì)到每一次點(diǎn)擊、每一個(gè)輸入說明

力求讓每一個(gè)人、不管是否有編程基礎(chǔ)，看完都能做出自己的網(wǎng)站，建議預(yù)先收藏，以免以后用到時(shí)找不到。

大家在操作過程中如有任何疑問可以聯(lián)系我，我會(huì)盡力幫大家解決遇到的問題

祝大家都能順利成功！

Part 1：購置云服務(wù)器

網(wǎng)站服務(wù)是需要運(yùn)行在電腦端的，而且這臺(tái)電腦需要24小時(shí)開機(jī)，這對(duì)于我們家用的電腦來說是做不到的。

所以我們需要購置一臺(tái)云服務(wù)器，將網(wǎng)站服務(wù)運(yùn)行在云服務(wù)器上。

就像是同一種食物可以有很多家廠商生產(chǎn)，目前可以提供云服務(wù)器的廠商有很多：騰訊、阿里、華為.....

每個(gè)廠商購置云服務(wù)器的過程都大同小異，我這里以騰訊云服務(wù)器舉例：

百度搜索'騰訊云'進(jìn)入官網(wǎng)

注冊(cè)并登錄

點(diǎn)擊左上角最新活動(dòng)

點(diǎn)擊限時(shí)秒殺

這里是對(duì)新人首單的優(yōu)惠區(qū)域，會(huì)省很多

選購服務(wù)器

對(duì)于我們個(gè)人來說，如果是小型的應(yīng)用，選擇最低配置即可

一年非常優(yōu)惠，不過記住一定是新注冊(cè)的用戶哦！

就像我們自己買電腦選配置一樣，點(diǎn)擊立即購買之后，我們選擇服務(wù)器的配置：

這里我們需要選的有兩項(xiàng)，其他基本默認(rèn)就可以，

活動(dòng)地域：選擇離自己近的，網(wǎng)絡(luò)會(huì)好一些

鏡像（重點(diǎn)注意！！）：鏡像就相當(dāng)于操作系統(tǒng)，我們家用的電腦都是，但對(duì)于服務(wù)器來說，系統(tǒng)的性能更好，所以我們需要選擇的鏡像，千萬別選錯(cuò)了呦！

查看服務(wù)器信息

購買之后，你可以通過下面的操作來查看你的服務(wù)器信息：

設(shè)置密碼

為了防止別人進(jìn)入服務(wù)器，我們需要為服務(wù)器設(shè)置密碼：

到這里我們搭建網(wǎng)站應(yīng)用的第一步就完成了！你已經(jīng)擁有了一臺(tái)自己的服務(wù)器！！

怎么樣，跟著我的步驟操作下來是不是感覺有手就行！

如果給個(gè)點(diǎn)贊收藏的話我會(huì)感動(dòng)到哭哦！

接下來我們進(jìn)行下一步：安裝服務(wù)器工具

Part 2：安裝服務(wù)器工具

先解釋一下為什么要裝服務(wù)器工具？

我們?cè)谇懊嫣岬竭^購買服務(wù)器需要選擇操作系統(tǒng)

不同于的地方在于：

是以可視化的圖形窗口來操作的，而則完完全全是通過命令來操作一篇從零開始、步驟完整的網(wǎng)站搭建教程，新手小白也能看懂！附源碼，這對(duì)于普通人來說是很困難的。

所以我們需要在系統(tǒng)上安裝工具，將命令操作轉(zhuǎn)換成普通人可以接受的圖形窗口化操作，這個(gè)工具叫做：寶塔。

接下來開始詳細(xì)的操作步驟：

連接服務(wù)器

首先，我們需要使用工具連接到我們的云服務(wù)器，

關(guān)于，私信我即可獲得

安裝之后，我們打開軟件，在界面左上角新建一個(gè)連接。可以通過文件→新建連接，或直接點(diǎn)擊文件下方的新建連接圖標(biāo)。

然后會(huì)彈出一個(gè)新建連接的登陸設(shè)置與信息：

這里名稱和主機(jī)填寫你自己的云服務(wù)器IP

其它默認(rèn)即可，然后我們點(diǎn)擊“確定”

這時(shí)界面左側(cè)的會(huì)話管理器中會(huì)多出一個(gè)剛設(shè)置完成的連接會(huì)話，右鍵單擊這個(gè)會(huì)話，點(diǎn)擊屬性，進(jìn)入會(huì)話屬性窗口。

在下一步中輸入與用戶名匹配的密碼

用戶名是：root

密碼就是我們剛才設(shè)置的云服務(wù)器密碼

然后點(diǎn)擊連接即可

安裝寶塔

復(fù)制下面這個(gè)命令：

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

粘貼到命令框中（點(diǎn)擊鼠標(biāo)右鍵）

回車鍵執(zhí)行命令，很快會(huì)出現(xiàn)提示需要你輸入Y，輸入之后繼續(xù)回車鍵，等待安裝結(jié)束即可！

安裝成功后會(huì)出現(xiàn)如下內(nèi)容：

注意：

請(qǐng)將紅框中的內(nèi)容復(fù)制并保存起來（選中后點(diǎn)擊鼠標(biāo)右鍵即可復(fù)制）：

第一行是寶塔的登錄地址，我們以后操作服務(wù)器直接通過寶塔即可。

后面兩行分別是登錄寶塔的用戶名、密碼，一定要保存好哦！

到這里寶塔就已經(jīng)裝好了，我們可以關(guān)掉連接工具了。

登錄寶塔

將寶塔的登錄地址復(fù)制到瀏覽器上方，進(jìn)入登錄界面：

輸入剛才保存的用戶名（）、密碼（）即可登錄。

初始化寶塔

初次登錄寶塔，會(huì)出現(xiàn)如下提示，預(yù)裝基礎(chǔ)的程序，我們按照推薦選擇左邊的LNMP即可

到這里我們的服務(wù)器工具就已經(jīng)安裝完畢！接下來就可以開始部署自己的網(wǎng)站應(yīng)用了。

Part 3：建設(shè)網(wǎng)站

本步驟為不同的人群分別提供了不同的解決方案

大家可以對(duì)應(yīng)去看：

小白 - 1

有編程基礎(chǔ)的同行（附源碼） - 2

沒時(shí)間、自己懶得弄、有個(gè)性需求 - 3

1

我是小白，也不懂編程，應(yīng)該怎么做呀？

可以使用制作自己的網(wǎng)站！

是一款為大眾設(shè)計(jì)的網(wǎng)站搭建平臺(tái)

它使得網(wǎng)站制作不再是程序員的專利，任何一個(gè)小白都可以簡(jiǎn)簡(jiǎn)單單的制作自己的網(wǎng)站。

是目前主流的建站平臺(tái)

下載

進(jìn)入官網(wǎng)：

點(diǎn)擊圖示按鈕進(jìn)行下載：

登錄寶塔添加站點(diǎn)

輸入上面步驟 二-2 保存的寶塔入口地址，點(diǎn)擊如下按鈕：

在彈窗中填入相關(guān)信息：

域名的申請(qǐng)會(huì)在后面說明，這里我們先填寫云服務(wù)器的IP地址，也就是左上角寶塔的ip地址

數(shù)據(jù)庫選擇

點(diǎn)擊提交

提交成功會(huì)出現(xiàn)下面的提示：

注意：

請(qǐng)保存好這三項(xiàng)內(nèi)容，后面會(huì)用到

部署

我們進(jìn)入剛創(chuàng)建的站點(diǎn)的根目錄

刪除 .html文件

將 1-1 下載的安裝包上傳到此根目錄中

解壓上傳后的安裝

將解壓之后文件夾中的所有文件剪切到當(dāng)前根目錄中，然后刪掉文件夾

這樣我們的就部署好了！

接下來我們看看如何使用它！

初始化

在瀏覽器中輸入我們的云服務(wù)器IP即可進(jìn)入

初次進(jìn)入會(huì)提示我們進(jìn)行初始化的配置：

語言選擇

點(diǎn)擊：現(xiàn)在就開始

配置數(shù)據(jù)庫信息：

這里前三項(xiàng)填入步驟 三：1-2 中保存的信息，

剩下不用改動(dòng)，點(diǎn)擊提交

提交之后會(huì)出現(xiàn)下面的提示，代表提交成功，繼續(xù)點(diǎn)擊 運(yùn)行安裝程序

按照說明輸入對(duì)應(yīng)信息之后，點(diǎn)擊安裝

注意：

千萬記得保存好用戶名和密碼

稍等片刻之后，就會(huì)提示安裝成功！

繼續(xù)點(diǎn)擊登錄

輸入剛才設(shè)置的用戶名和密碼之后就可以正式開始使用制作自己的網(wǎng)站了！

使用

在經(jīng)過了上面的步驟之后，我們就可以輸入下面的鏈接來進(jìn)入設(shè)計(jì)我們自己的網(wǎng)站：

你的ip/wp-

格式舉例：1.16.2.199/wp-

該地址是需要密碼登陸的，也就是說只有你自己可以去修改自己的網(wǎng)站內(nèi)容，你可以把它叫做網(wǎng)站的管理端。

同時(shí)，也已經(jīng)幫我們創(chuàng)建好了初始的網(wǎng)站內(nèi)容，你只需輸入你的云服務(wù)器ip即可看到：

輸入你的IP

格式舉例：1.12.6.144

這個(gè)就是我們的最終成果了，也就是你“個(gè)人網(wǎng)站”的呈現(xiàn)了

如果你已經(jīng)看到這里、并且跟著我的說明一步步的操作了

那么恭喜你，你已經(jīng)簡(jiǎn)單的完成了自己個(gè)人網(wǎng)站的搭建，并且你已經(jīng)擁有了一個(gè)自己的網(wǎng)站！！

就是上圖所示的樣子。

有用的話記得點(diǎn)贊哦！

2

兄弟我也做編程的，怎么樣快速搭建網(wǎng)站？

無需手敲命令腳本！用工具一鍵部署！

對(duì)于有編程基礎(chǔ)的同行來說，其實(shí)使用命令腳本依然可以完成網(wǎng)站的部署。

但寶塔的優(yōu)勢(shì)在于：

寶塔的可視化操作方式比我們自己用命令操作更方便快捷

寶塔提供各種主流工具的安裝服務(wù)，一鍵安裝，省時(shí)又省力

寶塔提供項(xiàng)目管理工具，包括部署、啟動(dòng)、停止，比起我們自己寫命令腳本更高效

接下來我以java項(xiàng)目為例，為大家演示一下如何用寶塔快速部署網(wǎng)站服務(wù)：

當(dāng)然如果你還沒有自己的項(xiàng)目，我可以提供給你，你給個(gè)點(diǎn)贊收藏不過分吧！筆芯！

獲取方式：

用世界公認(rèn)的唯一指定聊天軟件加我即可獲取

我這比你男女朋友都體貼到位的服務(wù)你點(diǎn)個(gè)贊收藏真的不過分了吧！！

安裝必要工具

我們進(jìn)入寶塔面板

（如果忘記如何操作回看一下步驟 二）

進(jìn)入軟件商店：

你可以看到我們常用的像、等都是可以安裝且免費(fèi)的，

點(diǎn)擊右側(cè)的安裝并稍等片刻即可

安裝之后我們可以查看自己已安裝的軟件，常用的勾選首頁顯示

切換到首頁，可以看到裝好的軟件操作菜單

如點(diǎn)開之后可以直接修改配置、重啟等，很方便

數(shù)據(jù)庫操作

寶塔同時(shí)支持?jǐn)?shù)據(jù)庫管理、備份，點(diǎn)擊左側(cè)數(shù)據(jù)庫：

點(diǎn)擊右側(cè)管理按鈕，可以進(jìn)入管理頁面，支持表以及數(shù)據(jù)的相關(guān)操作：

應(yīng)用部署

在下載好必要軟件、配置好數(shù)據(jù)庫之后，我們開始部署應(yīng)用：

這里我以項(xiàng)目為例

將你打包好的應(yīng)用通過寶塔的文件管理界面上傳至服務(wù)器

再次進(jìn)入軟件商店，搜索”java“，如下圖所示，

該插件提供了java項(xiàng)目的一鍵部署、管理服務(wù)：

在安裝好之后，我們同樣將它勾選至首頁顯示即可。

然后來看一下它的使用方法：

首先，進(jìn)入容器管理，安裝

然后，如果是普通java項(xiàng)目，選擇第一項(xiàng)”java項(xiàng)目管理“即可，

由于我是boot項(xiàng)目，所以選擇最后一項(xiàng)""：

點(diǎn)擊添加項(xiàng)目，會(huì)出現(xiàn)如下彈窗，需要輸入配置信息：

這里的項(xiàng)目路徑選擇我們上傳的應(yīng)用包，

其它的按提示選擇即可

當(dāng)我們點(diǎn)擊確定之后，它會(huì)根據(jù)我們輸入的信息生成啟動(dòng)腳本，啟動(dòng)服務(wù)：

到這里我們就成功的部署了自己的應(yīng)用

3

我沒時(shí)間、自己弄太麻煩、而且有個(gè)性化的需求，你能幫我做嗎？

當(dāng)然可以！浩說編程為您提供無需自己操作的完全托管式定制建站服務(wù)

如果你沒有空閑的時(shí)間去做網(wǎng)站

或者看這些說明覺得很煩不想弄

又或者你有自己個(gè)性化的需求，想要按自己的想法去設(shè)計(jì)自己的網(wǎng)站

那么沒有問題，”浩說編程“提供完完全全不需要你操作的網(wǎng)站托管定制建設(shè)服務(wù)，

你只需告訴我你的想法，

免責(zé)聲明：本文系轉(zhuǎn)載自其它媒體，版權(quán)歸原作者所有；旨在傳遞信息，不代表本站的觀點(diǎn)、立場(chǎng)和對(duì)其真實(shí)性負(fù)責(zé)。如需轉(zhuǎn)載，請(qǐng)聯(lián)系原作者。如果來源標(biāo)注有誤或侵犯了您的合法權(quán)益等其他原因不想在本站發(fā)布，來信即刪。