这段时间想要把我以前作过的demo放到服务器上,GitHub Page则用来放hexo blog,因此在阿里云 上买了半年的服务器来用。网上关于这方面的信息是比较多的,可是实在太乱了,或许是我搜索能力比较不足,可是我在部署Nginx的时候实在没有看到太多靠谱的博文,你们都是抄来抄去的(2333
博主的服务器是在阿里云上买的,系统是Ubuntu
,想要购买阿里云服务器的话,直接上阿里云上查找“云服务器ECS”便可,在校学生的话是比较便宜的,这里放上连接:阿里云服务ECSjavascript
这里在阿里云上进入本身的云服务器控制台,点击实例
,以下图php
而后点击右边的更多
,点击安全组配置
html
进入新页面之后点击配置规则
,选择点击添加安全组规则
,这里我放行了服务器的两个端口,一个是80端口,用来访问页面,一个22端口,用来远程登陆服务器,这里配置的是80端口,配置22端口的话只须要把80/80
改成22/22
便可前端
因为咱们须要使用一些linux命令,因此putty最好是安装一个,便于咱们操做。而Winscp是用来远程上传文件的,能够把本地的文件上传到咱们的服务器上去,因此也推荐安装。
这里放上连接:下载putty 下载Winscpjava
把端口放行之后咱们开始在服务器上安装Nginx
。这里我用的是Ubuntu
,因此安装的时候比较简单,若是服务器上用的是Centos
的话比较麻烦一些,只可以经过源代码来安装,过程相对比较多,并且容易出错。
如今在电脑上用putty登陆咱们的linux服务器,在控制台下输入如下命令:linux
# sudo apt-get update # sudo apt-get install nginx
因为咱们直接安装nginx
会直接error,因此咱们须要用update
命令来获取到最新的软件包,安装完之后咱们能够启动nginx
服务nginx
# service nginx start
看到以下页面,则nginx安装成功web
因为我须要将demo放到服务器上,为此我将nginx
的根目录指向改变了。
配置方法:打开/etc/nginx/nginx.conf配置文件,在putty上的代码为:ubuntu
# vim /etc/nginx/nginx.conf
按下i
便可以对nginx.conf进行修改,这里个人主要配置为:vim
server { listen 80; server_name 你的公网ip或者域名; charset utf-8; location / { root /ubuntu/website/; index index.html index.htm; }
如今就能够将你的静态文件放到服务器上访问了,记得将文件放在root指向的路径。
扫描下方的二维码或搜索「tony老师的前端补习班」关注个人微信公众号,那么就能够第一时间收到个人最新文章。