搭建网站教程(搭建网站教程视频)

时间：2023-04-17 浏览：36 分类：娱乐资讯

主机测评&技术分享

将通过本文讲解一步一步带你摸清楚一个网站从0到1的全过程，从以下几个步骤展开：

• 域名——备案
• 服务器———域名绑定——Web容器
• 网站内容——静态文件 (如：dede网站文件)

翻译过来就是你把你的东西放在哪里？别人通过什么方式可以找到！

网站建设

域名

就是网络地址，通常我们简称“网址”

这个网络地址就叫网站域名。比如说当我们输入百度的网站域名，就能正确访问到百度的网站了。域名是解析到IP上来访问，有了域名，我们就不用输入IP来访问某个网站，这样方便记忆。

如何申请网站域名？百度云、阿里云、腾讯云皆可，

主机测评&技术分享

以百度云注册申请域名为例：

域名注册

域名的注册遵循先申请先注册为原则

，当你要注册的域名，必须得先查询一下是否被注册，注册过的，就不允许再次注册了。这个申请域名的比较简单，自己去操作一下，就会了！

备案

国家要求国内任何一个网站必须进行工信部ICP备案，如果没有备案，你的网站链接是无法访问的。

网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。

当前阿里云是可以直接通过手机客户端直接去申请备案的，而且速度会比网站备案快很多，建议直接用手机客户端去备案。

【当然，觉得国内服务器备案比较麻烦，可以选择香港服务器，香港服务器是免备案的，致臻数据可以为您提供香港免备案云服务器，但是记得域名实名认证使用，比较方便些！】

服务器

服务器

这里推荐

致臻数据

，因为确实比较优惠，服务也好！

同时现在注册就有

9折优惠

可以享受，重点是可以免备案，方便快捷！

致臻数据云服务器

在致臻数据的网站，注册提交工单，即可享受所有服务器9折优惠！

域名解析

到这里我们已经得到了网站域名和服务器，但是他们都是分别独立的，我们需要将域名和网站主机关联起来：

域名解析

添加一条记录，将我们的

服务器

的公网IP填到记录值的位置：

域名解析

Web容器

这里我们以

Nginx

为例，Nginx是一个免费的、开源的、高性能的 HTTP 和反向代理服务，假设你的

服务器为centos系统

安装

sudo yum install nginx

使用 yum 进行 Nginx 安装时，Nginx 配置文件在 /etc/nginx 目录下

常用的nginx命令

sudo systemctl enable nginx # 设置开机启动 nginx start # 启动 nginx 服务 nginx stop # 停止 nginx 服务 nginx restart # 重启 nginx 服务 nginx reload # 重新加载配置，一般是在修改过 nginx 配置文件时使用。

验证 Nginx 是否成功启动，可以在浏览器中打开输入你的ip，您将看到默认的 Nginx 欢迎页面，类似于下图所示：

Nginx安装

网站内容

到了这一步，我们有了域名，服务器，web容器，就差往容器里面塞东西了，以 Vue 为例，我们首先要拿到 Vue 项目 build 后的dist文件夹

npm run build //将会产出dist文件

以最原始的方法将dist上传到服务包

scp dist.zip 用户名@服务器公网ip:/home/vueTest

注意这里我们是上传的 zip 文件，到了服务器你需要将目标 zip 解压

// 通过ssh登录 ssh 用户名@服务器公网ip // 进入目标文件解压刚刚上传的zip包 cd /home/vueTest unzip dist.zip

最后我们配置一下nginx

// 进入编辑nginx conf vi /etc/nginx/conf.d/vueTest

server { listen 80; server_name 你的域名; index index.php index.html index.htm default.php default.htm default.html; // 指向你的静态资源 root /home/vueTest/dist; }

配置完重启一下nginx

nginx -t // 检查nginx配置是否正常 nginx reload // 重启nginx

不出意外，这个时候在浏览器输入你的域名应该能看到你的网站啦！

关于

服务器建站过程

就讲完了，有任何的问题，都可以私信

，

任何需要指导和测评也欢迎给

主机测评&技术分享

留言哦！