手把手教你從0搭建個(gè)人網(wǎng)站,無(wú)需寫(xiě)代碼,小白也能學(xué)會(huì )!
1.友情提示
本文章為我在B站發(fā)布的建站教程的圖文版,如果你對建站感興趣,并且還沒(méi)有看視頻的話(huà),建議先到我的B站(我的B站名字叫做:我是阿眾),查看此期視頻教程!長(cháng)按下圖識別二維碼進(jìn)入小程序也可以直接觀(guān)看!2.搞清需求
正式開(kāi)始建站前,我們首先需要搞清楚一件事情,那就是搭建網(wǎng)站的必備工具有哪些,以及這些工具都起到了什么作用。工具一:服務(wù)器
首先,搭建網(wǎng)站最關(guān)鍵的當然是要有一臺服務(wù)器,它的作用就是提供網(wǎng)站運行所需要的硬件環(huán)境。但這并不意味著(zhù)我們真的要去買(mǎi)一臺物理機來(lái)當服務(wù)器,因為現在國內有很多云平臺都可以購買(mǎi)云服務(wù)器,而且價(jià)格還很便宜。本期視頻我會(huì )以一臺1核2G的華為云服務(wù)器給大家做演示。工具二:服務(wù)器管理軟件
搭建網(wǎng)站的第2個(gè)工具是要有一個(gè)服務(wù)器管理軟件,它的作用就是能夠讓我們很方便地,在服務(wù)器上安裝軟件或者是管理文件。因為服務(wù)器上的操作系統一般都是沒(méi)有界面的Linux系統,如果全靠命令行來(lái)操作Linux的話(huà),對小白來(lái)說(shuō)難度就太大了。所以本期視頻我會(huì )推薦大家使用寶塔面板,有了它,你就能可視化地管理你的服務(wù)器了,難度系數大大降低。工具三:網(wǎng)站程序
搭建網(wǎng)站的第3個(gè)工具是一份網(wǎng)站程序源碼,它的作用就是提供一個(gè)可供訪(fǎng)問(wèn)的界面,并實(shí)現網(wǎng)站的所有功能。按道理來(lái)說(shuō),開(kāi)發(fā)網(wǎng)站程序本來(lái)是含代碼量最高難度也最大的一個(gè)步驟,但由于本視頻是針對沒(méi)有什么編程基礎的小白。所以我會(huì )直接推薦大家使用現成的網(wǎng)站程序來(lái)建站,比如你想搭建內容發(fā)布類(lèi)的博客網(wǎng)站,那么可以使用WordPress建站程序。如果你想搭建一個(gè)論壇類(lèi)的網(wǎng)站,那么可以實(shí)用discuz建站程序。有了它們,你不僅可以實(shí)現零代碼建站,還可以非常簡(jiǎn)單地切換網(wǎng)站的主題樣式。工具四:域名
搭建網(wǎng)站的第4個(gè)工具是域名,它就是我們訪(fǎng)問(wèn)網(wǎng)站時(shí)輸入的地址,由于網(wǎng)站是搭建在服務(wù)器上的,按理說(shuō)我們應該通過(guò)服務(wù)器的ip地址來(lái)訪(fǎng)問(wèn)網(wǎng)站才對。可全世界的網(wǎng)站那么多,如果通過(guò)記住這些冷冰冰的數字來(lái)訪(fǎng)問(wèn)網(wǎng)站,那豈不是太難了,所以域名就應運而生。當我們在地址欄輸入域名時(shí),會(huì )有DNS服務(wù)器幫我們找到,站服務(wù)器的IP地址并返回給瀏覽器,然后瀏覽器再通過(guò)ip地址訪(fǎng)問(wèn)網(wǎng)站。好 以上就是建站所必備的四大工具,接下來(lái)我也將圍繞這些工具展開(kāi),一步步地教大家把網(wǎng)站搭建起來(lái)。3.購買(mǎi)服務(wù)器
3.1 購買(mǎi)華為云服務(wù)器
目前華為云服務(wù)器正在搞雙十二的優(yōu)惠活動(dòng),如果你是新用戶(hù)的話(huà),首次購買(mǎi)云服務(wù)器會(huì )非常便宜。無(wú)論是個(gè)人還是企業(yè)都有很多不錯的產(chǎn)品推薦。我這里就以這臺1核2G的云服務(wù)器給大家做演示,點(diǎn)擊購買(mǎi)后會(huì )讓你選擇服務(wù)器的配置,地區之類(lèi)的保持默認就好,鏡像的意思就是你要給服務(wù)器裝什么系統,云服務(wù)器一般都是安裝Centos版的Linux系統。3.2 遠程連接服務(wù)器
買(mǎi)完后進(jìn)入華為云的控制臺,在側邊欄中選擇彈性云服務(wù)器-云耀云服務(wù)器,就可以看到你買(mǎi)的服務(wù)器資源了,接下來(lái)我們需要遠程連接這臺服務(wù)器。不過(guò)首次登陸需要先重置一下登錄密碼,重置后等待服務(wù)器重啟即可進(jìn)行連接。這里我們選擇CloudShell的方式來(lái)登錄輸入密碼后點(diǎn)擊連接即可進(jìn)入命令行窗口。4.安裝服務(wù)器管理軟件
4.1 安裝寶塔面板
接下來(lái)需要給服務(wù)器安裝管理軟件,也就是前面提到的寶塔。打開(kāi)寶塔的官網(wǎng)(www.bt.cn),點(diǎn)擊立即安裝,可以看到官方給出的Centos系統安裝寶塔的命令。
把它粘貼到剛才的命令行窗口后執行,輸入字母y確定稍等片刻后,即可安裝完成。最后它會(huì )給出寶塔的后臺登陸地址以及用戶(hù)名和密碼,大家一定要記得保存下來(lái)。4.2 安裝網(wǎng)站運行環(huán)境
接下來(lái)如果你直接在瀏覽器輸入這個(gè)外網(wǎng)登錄地址,會(huì )發(fā)現根本訪(fǎng)問(wèn)不了。這是由于華為云服務(wù)器還沒(méi)有開(kāi)放寶塔所使用的8888端口,我們需要到控制臺進(jìn)行一些設置。首先點(diǎn)擊名稱(chēng)進(jìn)入服務(wù)器詳情頁(yè),然后點(diǎn)擊安全組-配置規則-入方向規則-添加規則。按照如下配置即可開(kāi)放服務(wù)器的8888端口。另外,可以看到華為云也沒(méi)有開(kāi)放網(wǎng)站默認使用的80端口,所以我們按照剛才的方法再把80端口配置一下。添加好之后再次訪(fǎng)問(wèn)寶塔后臺時(shí)就可以正常登陸了。首次登錄寶塔面板時(shí)會(huì )提示你安裝網(wǎng)站運行環(huán)境,這里我們選擇LNMP組合,然后PHP的版本選擇高一點(diǎn),要不然后面安裝網(wǎng)站主題的時(shí)候會(huì )出現錯誤。這里我們就選擇7.4這個(gè)版本,選好后等待安裝完成就OK了。5.購買(mǎi)域名
5.1 在華為云買(mǎi)域名
打開(kāi)華為云官網(wǎng),在產(chǎn)品菜單中可以看到華為云也提供了域名注冊相關(guān)的服務(wù)。在這里你可以查詢(xún)哪些域名已被注冊,哪些域名還可以注冊,想好你要注冊的域名然后購買(mǎi)即可。5.2 域名實(shí)名認證
但是,買(mǎi)完后還需要做三件事:首先需要完成實(shí)名認證。在華為云后臺的側邊欄點(diǎn)擊域名注冊按鈕,進(jìn)入到域名列表頁(yè)面。再點(diǎn)擊這里的未實(shí)名認證的文字鏈接,然后大家按照提示填寫(xiě)相關(guān)材料,提交后等待一到兩個(gè)工作日即可審核完成。5.3 域名解析
等待審核的同時(shí),我們還需要進(jìn)行域名的解析,也就是將域名和服務(wù)器ip地址綁定在一起。點(diǎn)擊解析-管理解析,然后再點(diǎn)擊右上角的快速添加解析。輸入服務(wù)器的外網(wǎng)ip地址即可解析完成,后續你就可以通過(guò)帶www和不帶www的域名訪(fǎng)問(wèn)你的網(wǎng)站了。5.4 網(wǎng)站備案
最后,只完成實(shí)名認證還不行,你還要進(jìn)行網(wǎng)站備案。華為云同樣支持幫我們進(jìn)行免費備案服務(wù),點(diǎn)擊華為云后臺頂部菜單欄中的備案,然后按照相關(guān)提示,一步步提交相關(guān)材料即可。注意這里的云服務(wù)類(lèi)型要選擇ECS,并勾選你的云服務(wù)器,按操作完成后即可進(jìn)入初審。然后等待審核完成即可,可能需要一個(gè)多星期,甚至更長(cháng)的時(shí)間才能全部審核完成。6.安裝網(wǎng)站程序
6.1 配置寶塔后臺
由于個(gè)人網(wǎng)站一般都是博客網(wǎng)站,所以就給大家演示W(wǎng)ordPress建站程序的安裝吧。首先在官網(wǎng)(cn.wordpress.org)下載最新的wordpress程序,也就是這個(gè)zip壓縮包。然后打開(kāi)寶塔的后臺管理系統,點(diǎn)擊左側菜單欄中的網(wǎng)站,再點(diǎn)擊添加站點(diǎn),域名這里填寫(xiě)剛才注冊的域名,帶www的和不帶www都要添加。另外,由于域名備案還沒(méi)有審核通過(guò),所以我們暫時(shí)也把服務(wù)器地址添加進(jìn)來(lái),這樣就可以暫時(shí)通過(guò)ip地址來(lái)訪(fǎng)問(wèn)網(wǎng)站了。數據庫選擇MySQL,并妥善設置和保存數據庫名和密碼,這個(gè)待會(huì )兒要用到,其他的保持默認即可。6.2 上傳WordPress文件
在寶塔新增網(wǎng)站之后,需要把wordpress源碼傳到服務(wù)器。點(diǎn)擊文件-再點(diǎn)擊這個(gè)以域名命名的文件夾,把wordpress壓縮包上傳到此目錄下。雙擊壓縮文件進(jìn)行解壓,打開(kāi)加壓后的目錄,然后把該文件夾下的所有文件都剪貼至上一級目錄,相當于吧WordPress所有文件都放到這個(gè)文件夾的根目錄。此時(shí),理論上來(lái)說(shuō),在瀏覽器輸入域名,就可以安裝wordpress程序了。但是由于我錄制視頻時(shí),域名備案審核還沒(méi)有通過(guò)。6.3 安裝WordPress
所以只能通過(guò)ip地址來(lái)訪(fǎng)問(wèn),在瀏覽器輸入ip后,就可以開(kāi)始安裝wordpress了。語(yǔ)言選擇簡(jiǎn)體中文,再點(diǎn)擊現在就開(kāi)始,這里要填寫(xiě)數據庫相關(guān)信息。你可以在寶塔面板的數據庫菜單中查看,把這三個(gè)字依次填入即可,后面這倆保持默認。點(diǎn)擊現在安裝后,需要設置網(wǎng)站相關(guān)信息。站點(diǎn)標題就是你網(wǎng)站的名稱(chēng),用戶(hù)名和密碼主要用于網(wǎng)站后臺的登錄。填完之后點(diǎn)擊安裝wordpress,就完成了網(wǎng)站的安裝。安裝完成后默認打開(kāi)的是網(wǎng)站后臺,但當你輸入ip地址后,即可看到網(wǎng)站的前端頁(yè)面。至此,一個(gè)個(gè)人網(wǎng)站就搭建完成了,是不是還挺簡(jiǎn)單的。7.網(wǎng)站樣式優(yōu)化
7.1 主題安裝路徑
網(wǎng)站是搭建完成了,可這頁(yè)面也太丑了點(diǎn)。所以接下來(lái),我們將對它進(jìn)行一個(gè)改造。WordPress之類(lèi)的網(wǎng)站程序的優(yōu)點(diǎn)之一,就是可以隨意切換網(wǎng)站的前端主題樣式。把鼠標放在網(wǎng)站后臺的外觀(guān)菜單,點(diǎn)擊主題,進(jìn)入到的是已安裝的主題列表頁(yè)面。你可以隨意切任意一個(gè)已經(jīng)安裝的主題,切換后,可以看到前端也改變的樣式。7.2 尋找主題的兩種途徑
那我們該去哪里找主題呢?途徑主要有兩個(gè):第一個(gè)是WordPress官方途徑。點(diǎn)擊,左上角的安裝主題,可以進(jìn)入到官方的主題市場(chǎng)。但是這里面的基本都是英文主題,不太符合咱們的需求。所以第二個(gè)安裝主題的途徑,就是在網(wǎng)上搜索。你可以直接百度WordPress主題下載,可以看到很多國內網(wǎng)站都有提供主題下載服務(wù)。比如說(shuō)愛(ài)主題這個(gè)網(wǎng)站,頂部菜單可以選擇你想要的主題類(lèi)型,我們選擇個(gè)人博客主題。篩選出來(lái)的主題,有免費的也有付費的大家注意甄別。我以這個(gè)免費主題為例,給大家做個(gè)演示。首先把它下載下來(lái),下載完之后,點(diǎn)擊安裝主題,再點(diǎn)擊上傳主題,把剛才下載的zip壓縮包,上傳到網(wǎng)站,然后點(diǎn)擊啟用即可。7.3 注意事項
這時(shí),前端頁(yè)面也變成了該主題的樣式,但是目前的網(wǎng)站還沒(méi)有什么內容,我們可以在后臺的文章-寫(xiě)文章頁(yè)面中添加幾篇文章。有關(guān)WordPress主題的使用問(wèn)題,我就不多介紹了。大家可以在B站或者其他地方,搜索一些相關(guān)的教程。我只是把最核心的建站方式教給大家就可以了。不過(guò)還有兩點(diǎn)需要補充說(shuō)明一下:首先,網(wǎng)站后臺的地址是域名加wp-admin,這個(gè)域名目前是ip地址,但等備案審核通過(guò)后。你可以在設置-常規-WordPress地址里修改為域名地址。好,關(guān)于建站相關(guān)的問(wèn)題,我們就先說(shuō)到這兒,如果你有不懂的地方,可以在評論區或者私信問(wèn)我。
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。