能不能用网盘当云服务器，来开发静态网页？

不能，一般网盘没有这项服务，不过你可以用Git仓库试试，码云的pages就可以，不过不支持绑定域名，github好像支持绑定域名，你可以研究一下。

不过现在域名和云主机都很便宜，有的平台都可以免费申请到，不花钱的都比较鸡肋，建议去阿里云，腾讯云，华为云，百度云上看看。

1.构建一个网页的大体流程

如果你写了前端页面想发布到网上让大家一起看看你的作品，那么你需要一台服务器

服务器的话你可以租用阿里云，腾讯云，华为云等的服务器(这些都有学生机。阿里云学生机9.5元/月)，如果你想让你的网站更好的记住，可以购买一个域名。（注意：本教程没有用域名，是通过IP访问的）

配置服务器：把你的项目发送到服务器上，通过配置IIS服务器，完成配置

发布成功

2.本教程使用的是阿里云的ECS服务器——windows server 2012

购买过程就不详细说明了

登入之后，运行服务器，记住你设置服务器登入的初始密码。

打开你电脑上的远程桌面连接

输入你购买的阿里云服务器的公网IP，输入第2步的密码，连接成功之后登入即可。

登入之后，为了方面操作，把你的项目复制到桌面

接下来就是配置IIS服务器的操作了，直接换成你的电脑，通过网页登入服务器IP，测试是否链接成功。

开始建站了，暂时还没想要做些什么东西。

Anyway，先搞个云服务器吧，那要怎么搭建呢？先来个最简单的。

Nginx 配置文件目录一般在 /etc/nginx/ 下，打开 nginx.conf 文件可以看到配置：

当外网用户访问服务器 Web 服务由 Nginx 提供，Nginx 需要配置静态资源的路径信息才能通过 URL 正确访问到服务器上的静态资源。

当我们在服务器上安装并启动 Nginx 之后，就可以通过 http://<域名或IP> 访问我们的网页了。所以，在浏览器中输入 http://100.2.3.4 即可。

我们观察到浏览器的地址变成了 http://100.2.3.4/index.html ，这页面是安装 Nginx 的默认站点，可以在 /usr/share/nginx/html 目录下找到。在 nginx.conf 配置文件中，有一项 root /usr/share/nginx/html 的配置，意思是当外网访问服务器 跟目录 时，Nginx 会将资源指向 /usr/share/nginx/html 的站点。

但如果输入地址，无法打开（如下截图）。

以阿里云为例，需要在云服务器添加 “安全组规则” ，添加并保存，重新刷新页面就能打开了。

我习惯将前端静态资源放置到服务器的 /data/www 下，因此将配置修改为 root /data/www 。此时访问 http://100.2.3.4 会指向 /data/www/index.html （在不配置 location 的 index 情况下，Nginx 默认配置是 index.html ）。

由于我使用的是 Mac 机器，因此可以直接在系统终端使用 scp 命令将本地文件上传到云服务器。

scp （secure copy）用于在 Linux 下进行远程拷贝文件的命令。类似于 cp ，只不过 cp 只能在本机进行拷贝，不能跨服务器。 -r 表示递归复制整个目录。

需要注意一下，下面两种的区别：

其中 1️⃣ 得到的是 /data/www/dist ，而 2️⃣ 得到的是 /data/www 。前者表示将 dist 整个目录拷贝至 /data/www 下。后者是把 dist 目录下的所有子文件和子目录都拷贝至 /data/www 。

换句话说就是，前者配置 root 的路径应该是 /data/www/dist ，后者则为 /data/www 。

效果如下：

在浏览器中访问 http://100.2.3.4 即可看到我们配置的网页了。

最简单的 Nginx 部署静态网页就完了，其他的下次再讲...

The end.

---