小白也能学会的 || 从0搭建个人网站?

227 阅读4分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第1天,点击查看活动详情

前期准备: 一份网站代码文件;一台服务器;一个操作服务器的软件

  • 第一步:有一份网页文件(可以是自己写,也可以复制粘贴从网上下载)

  • 第二步:租一台服务器,或者搞一台云虚拟主机,或者只要你想,也可以把自己的电脑变成一台服务器(只要一直处于开机状态就OK);(推荐使用第一种方式)

  • 这里推荐使用腾讯云的云服务器(绝对没有打广告,单纯因为新人有优惠),这里选择一个离自己近的区域,机型选择入门型,操作系统建议选择 CentOS(版本7以上最好),记得公网IP一定要勾选上,然后点击购买就可以了。

  • 进入控制台,可以更改一下自己常用的密码

现在问题来了!购买好服务器后怎么把网页文件放上去呢?

我们一般是采用SSH连接的方式远程操作服务器。

这里可以在控制台点击登录,直接在网页端去操作服务器;(这种方式虽然方便,但不够灵活)

推荐一款更强大的服务器连接软件 xshell(关键是免费的哈);

  1. 下载安装 xshell ,安装完成后;
  2. 点击新建会话 => 填入名称和主机(名称方便记忆就好,主机天你的服务器的公网IP),端口号就是22 => 直接点击连接 => 输入用户名和密码(注意:这里Linux的默认用户名为root,密码就是自己在云服务器控制台重置的密码);
  3. 连接成功后,你就可以像操作自己本地的电脑一样,执行一些命令等等。
  • 新建一个存放网页的目录web
mkdir web 
  • 把自己的网页文件拖进去

    输入 ls 命令就可以看到已上传的文件

但我们怎么在浏览器看到这个文件呢?

直接访问服务器的ip再加上文件在服务器中的位置可以吗?

试了试发现不可行!

当我们输入ip时,默认会访问服务器的80端口,此时输入以下命令行查看发现
 netstat -ntlp
80 端口根本就没有程序在运行!

因此我们还需要安装 web服务器软件,提供网站访问能力。

目前主流的web服务器有几种:最主流的就是 nginx

Linux 提供了一些软件包管理器,比如说yum,输入一行命令即可安装 nginx
 yum install nginx
然后输入 nginx 启动服务器
 nginx
启动之后再查看以下端口占用,发现80端口被nginx服务器占用了;

此时直接访问服务器地址,发现访问到了 nginx 的默认页面。

进入到 nginx 存放网页的文件夹,把原来的文件删掉,再把自己的网页文件传上去,然后再去访问服务器 ip,我们的网站就访问成功了!!!(不过这种方式是不好的,你要是命令输错了,不就成了删库跑路的犯人了嘛)这里推荐进入到nginx的配置目录下,然后修改配置文件,把默认读取的文件路径修改为自己的网页文件的路径就OK了。

这种方式大家觉得麻烦不?又要自己装软件,还要去修改配置,没学过linux的,岂不是要头秃!

这里推荐使用宝塔,这是一款对新手友好,帮助我们管理linux服务器的好工具,完全免费!点击这里可以下载安装,还有详细安装教程哦。

安装完成后,它会为我们提供一个默认的站点地址,默认用户名和密码(最好把这些信息存下来);

复制站点访问宝塔面板,这里可能会出现访问不通的情况。(宝塔面板是占用了8888端口,有一些云服务器厂商为了安全,默认这个端口是不开放的)

解决办法:打开控制台,在安全组或防火墙选项里,然后编辑安全规则,选择端口,限定来源进行开放或拒绝。

首次进入面板,会推荐我们安装一些软件(这里没啥需求的话就安装它推荐的环境,比较适合部署网站)

安装完成后,进入网站,点击添加站点,输入域名(没有就填服务器的ip地址就行),点击提交,成功创建站点。

最后进入目录,可以把默认的文件删掉,然后上传自己的网页文件,最后访问网站,就可以看到我们自己的网页了。

这篇文章也是看了一个up主的视频总结的,点击可观看详细视频