Web前端開發學習【2】-----通過阿里雲服務器,藉助寶塔面板,搭建自己的個人網站或個人博客


相信很多小夥伴特別是學生小夥伴在購買雲服務器的時候,更過的不是用來學習吧,當然學習也會有一部分,但更多的因素是用來發布自己辛苦編寫的個人網站或者是個人博客!當然啦,中間編寫個人頁面的過程很重要,但是林君學長今天就帶大家直接跳到最後一步,如何在雲服務器上部署自己的個人網站或者是個人博客

  • 雲服務器系統:ubuntu16.04
  • 寶塔版本:7.1免費版

一、打開雲服務器相關端口

1、開放雲服務器的80/80端口

1)、打開個人的雲服務器控制器,選擇點擊網絡與安全中的安全組,然後選擇管理實例,如下所示:
在這裏插入圖片描述
2)、然後點擊安全組規則—>添加安全組規則,進行端口的開放,如下所示:
在這裏插入圖片描述
這下面會有幾個系統開放的端口,比如端口3389,用於遠程桌面登錄的;端口22、用於終端登錄的;還有一個-1端口,目前不清楚是幹什麼的,如下所示:
在這裏插入圖片描述
2)、在出現的界面,就可以輸入我們的開放80端口的信息啦,如下所示:
在這裏插入圖片描述

開放80端口,我們需要做的比較簡單,如上面箭頭的步驟,選擇HTTP協議,然後端口設置爲80/80,最後添加授權對象就好,授權對象就填寫0.0.0.0/0,這裏不知道爲什麼,反正大佬都寫的0.0.0.0/0,這樣寫就行了哈!

到這一步,我們的80端口就開發成功了,接下來,我們需要開放的就是8888端口,用於寶塔面板的訪問!

2、開發雲服務器的8888/8888端口

1)、同理,再次點擊添加安全組規則,然後添加8888/8880/端口
在這裏插入圖片描述
內容和步驟一樣,如上圖箭頭所示,照着開放就OK了!
到這裏,我們需要準備的端口就一切OK,接下來就是寶塔面板的安裝啦!

二、安裝寶塔面板,進行網站部署

1、什麼是寶塔面板?

1)、寶塔面板(BT Panel/aaPanel)是一個功能強大且終身免費的 Linux 服務器管理軟件,可以一鍵部署:LAMP/LNMP/Tomcat/Node.js、網站、數據庫、FTP、SSL,通過 Web 端輕鬆管理服務器!

看吧,大佬都這樣說!我們當然要用啦,主要是,寶塔面板終身免費!終身免費、免費!

2、連接雲服務器ubuntu系統終端

1)、在自己的雲服務器上連接個人操作系統終端
回到自己的控制面板、點擊實例,然後點擊遠程連接:
在這裏插入圖片描述
2)、輸入賬戶以及密碼,用戶名默認爲root
在這裏插入圖片描述
記得,端口選擇22端口,進行遠程連接,由於現在你的ubuntu系統沒有進行桌面安裝,所以暫時只能選擇終端連接,不能進行遠程桌面哦!
3)、輸入完成之後,點擊確定,進行終端連接,連接成功如下所示:
在這裏插入圖片描述

3、寶塔面板的安裝

這裏介紹的寶塔面板的安裝命令,主要是基於ubuntu系統的安裝哦,如果小夥伴的雲服務器的版本不是ubuntu,而是其他操作系統,可以查看寶塔的官網,進行對應命令的安裝!https://www.bt.cn/
1)、終端輸入如下命令,進行寶塔面板安裝

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

在這裏插入圖片描述
由於是國內的鏡像,安裝很快的,但也需要等待一會
2)、安裝成功結果如下所示:
在這裏插入圖片描述
在安裝成功之後,請一定記住上圖中標記的部分,通過圈圈一的連接訪問寶塔面板,然後通過圈圈二和圈圈三的賬戶和密碼進行登錄哦!

三、上傳文件,部署個人網站

1、登錄寶塔面板

1)、通過上面的連接訪問寶塔面板、輸入用戶名和密碼進行登錄
在這裏插入圖片描述
2)、登錄結果如下所示:
在這裏插入圖片描述

2、初次進入,根據推薦安裝軟件

1)、在初次登錄界面的時候,寶塔會提示用戶安裝軟件,我們選擇推薦的就好,如下所示:
在這裏插入圖片描述
由於林君學長安裝時候沒有對此步驟截圖,所以這張圖來源於網絡,但大致是一樣的,我們選擇極速安裝、PHP選擇5.6以上的都可以、MYSQL也是選擇5.6以上的,然後點擊安裝就ok

哈哈,不要問我爲什麼,大佬都用的推薦,給你推薦的一定是好東西,就推薦安裝就好了哈!

3、創建站點

1)、選擇網站、然後添加站點,如下所示:

在這裏插入圖片描述
2)、創建站點信息
在這裏插入圖片描述
步驟如上所示,這裏就不再給出文字步驟啦!
3)、創建成功如下所示:
在這裏插入圖片描述

4、上傳自己編寫的個人網站項目文件進行部署

1)、點擊網站中的根目錄,跳轉到文件頁面
在這裏插入圖片描述
2)、在該文件目錄中,上傳自己在下面寫好了的個人網站的項目文件夾,如下所示:
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
2)、將上傳的目錄中的所有文件剪切,然後粘貼到網站下面
在這裏插入圖片描述
3)、瀏覽器另開窗口、輸入自己的域名或者是ip地址,進行個人網頁的訪問:
在這裏插入圖片描述

通過以上步驟,個人網頁就可以成功搭建啦!而且,外部人員是可以通過你的域名或者是Ip地址進行訪問的哦!

有的時候,自己寫個人網站或者是個人博客比較麻煩,那麼我們可以藉助很多開源的博客網站一鍵部署,我們只需要修改自己的格式就好,接下來,林君學長帶大家瞭解,如何通過開源博客WordPress進行個人博客網站的一鍵部署吧!

四、利用WordPress一鍵部署個人博客

1、找到寶塔面板中的軟件商店,下載寶塔一鍵部署源碼

1)、如下所示,下載該插件
在這裏插入圖片描述
2)、刪除剛剛創建的網站及上傳的文件內容
在這裏插入圖片描述

2、打開寶塔一鍵部署,進行個人博客的部署

1)、點擊首頁,選擇寶塔一鍵部署
在這裏插入圖片描述
2)、在出現的頁面點擊博客,然後點擊一鍵部署
在這裏插入圖片描述
3)、輸入配置信息

在這裏插入圖片描述
輸入域名或者ip、數據庫名稱一定要寫英文的、密碼隨便寫,但用戶名和密碼一定要記住!
4)、點擊訪問站點
在這裏插入圖片描述
5)、設置數據庫名和密碼
在這裏插入圖片描述
上面的數據庫名和用戶名都填寫剛剛創建的數據庫名稱比如我的是chenyiyue1,密碼填寫自己設置的密碼,下面兩項不要動,就是默認!
5)、開始安裝
在這裏插入圖片描述
6)、等待安裝成功,我們就可以通過ip地址或者域名訪問了啦,初始界面如下所示,我們可以通過自定義修改主題或者樣式,來美化自己的博客頁面
在這裏插入圖片描述
以上就是利用寶塔面板一鍵部署個人博客的全部步驟啦,希望對大家有所幫助哦!

3、陳一月的個人博客網站開發中

1)、當然,林君學長自己也在進行個人博客網站的開發中哦,這裏給大家展示一下正在開發中的成果,開發完成後,林君學長會掛載到自己的個人服務器上面,歡迎小夥伴們前來訪問哦!
在這裏插入圖片描述
以上就是本次博客的全部內容啦,希望大家對本次博客的閱讀,可以幫助大家搭建好自己的個人網站或者博客網站,林君學長也在努力學習搭建中,一起努力吧!
遇到問題的小夥伴,歡迎評論區留言討論、林君學長看到會爲大家解答的,這個學長不太冷!

陳一月的又一天編程歲月^ _ ^

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章