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)、当然,林君学长自己也在进行个人博客网站的开发中哦,这里给大家展示一下正在开发中的成果,开发完成后,林君学长会挂载到自己的个人服务器上面,欢迎小伙伴们前来访问哦!
在这里插入图片描述
以上就是本次博客的全部内容啦,希望大家对本次博客的阅读,可以帮助大家搭建好自己的个人网站或者博客网站,林君学长也在努力学习搭建中,一起努力吧!
遇到问题的小伙伴,欢迎评论区留言讨论、林君学长看到会为大家解答的,这个学长不太冷!

陈一月的又一天编程岁月^ _ ^

发布了77 篇原创文章 · 获赞 112 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_42451251/article/details/105519543