目录
- 云服务器搭建
- SSH登陆
- LNMP环境的搭建
- Nginx的设置
- 小节总结
- 网页的编写
- CSS的调用
- php文件上传
- 小节总结
云服务器搭建
我用的是阿里云的学生机，自己娱乐娱乐够用了，稍微懂点Linux的知识，选择Centos7的系统就可以耍了。
SSH登陆
我直接用密钥登陆，在控制台中的远程登录中创建并下载密钥到本地，chmod 400文件一下，然后
ssh root@ip -i address
其中ip是服务器外网ip，address是密钥文件所在的地址。
然后就可以进入服务器终端驰骋了🐎。
LNMP环境的搭建
我用的是LNMP环境而不是LAMP环境，两者都可以搭建，看个人用的情况吧。
教程的话就不介绍了，直接看阿里云的文档参考，手把手教学。
阿里云LNMP搭建教程
Nginx的设置
先上我的配置：
server {listen 80 default_server;listen [::]:80 default_server;server_name _;root /web_test;# Load configuration files for the default server block.include /etc/nginx/default.d/*.conf;location / {index = index.html;}location /cloud {autoindex on;autoindex_exact_size on;autoindex_localtime on;charset utf-8,gbk;}location /php_test {index = index.php;autoindex on;}#添加下列信息，配置Nginx通过fastcgi方式处理您的PHP请求location ~ .php$ {root /web_test; fastcgi_pass 127.0.0.1:9000; #Nginx通过本机的9000端口将PHP请求转发给PHP-FPM进行处理fastcgi_index index.php;fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;include fastcgi_params; #Nginx调用fastcgi接口处理PHP请求} }我的所有网页的前端文件都放在server中的root中，也就是/web_test中，在/web_test的这一级中，首页是location /中的index.html，也就是进入外网ip访问的首页。
/web_test/cloud存放我的数据目录，里面是我作为网盘的空间，在浏览器中访问ip/cloud就相当于访问我的/web_test/cloud.
下面的location ~ .php${}配置了php，使得fastcgi监听9000端口，能够让我的80端口可以显示.php文件。
小节总结
基本上到这一步，已经可以在自己的服务器上跑出一个网页了，还是比较有意思的，任何人通过外网都可以访问你的服务器了。
网页的编写
我浏览了一下w3school的教程，用html+css+php编写了一个简易的网站，其中包含了首页和文件上传系统，至于网站先不分享了，文件上传系统我还没有进行加密。
CSS的调用
这个算是我看完CSS的一个比较重要的应用。要把写的CSS文件调取到html中，这里我用的是link。先直接看代码：
<head>
<meta charset="utf-8"><title>Zyairelu's Web</title><link rel="icon" type="mage/x-icon" href="img/icon.jpg"><link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>其中<link rel="stylesheet" type="text/css" href="css/styles.css" />是引入CSS，这里我的CSS是放在/web_test/css文件下的，所以只需要改动href，填入自己的地址即可调用。
上面一行是我调用图片作为网站的头像。
然后在body中，如果要使用CSS的某个式样，只需要添加一对标签<div class="style"></div>，其中style是.css文件中的某一式样。
**值得注意的是：**如果.css文件中式样开头用.style定义，则用class="style"，如果是用#style定义，则用id="style"定义。
php文件上传
.php文件为upload_file.php，在表单提交的html文件中，添加一对标签
<form action="upload_file.php" method="post" enctype="multipart/form-data">
这里用的是post方式，在点击提交后，可以跳转到php。
小节总结
具体的html和php代码就不放了，可以自己尝试。
最后上传文件成功后的效果如下：
在/cloud中就可以查看和下载文件了
