zoukankan      html  css  js  c++  java
  • Ubuntu使用Nginx 部署你的静态网页

    首先使用Putty

     

    登录填写名称  unbutu 

    然后获取管理员权限 sudo -i

    首先更新APT库
    sudo apt-get update
    sudo apt-get upgrade

    安装 git,sudo apt-get install git命令进行安装。安装完毕之后输入git --version就可以看到 git 的版本了

    安装Nginx, Nginxsudo apt-get install nginx

    首先本地建一个文件夹static-web-server然后在这个文件夹下面建立一个 index.html 上传到GItHub上

    创建跟目录www

    sudo mkdir /www

    进入文件夹 cd /www 

    在创建文件夹 sudo mkdir static-web

     直接克隆到 文件夹 git clone git@git.oschina.net:naihe138/static-web.git

    配置 NGINX 

    cd /etc/nginx/conf.d/ 输入ls 查看目录  空的就没配置过
    然后通过 vi 命令新建一个配置文件
    例如: (名字随意)
    sudo vi static-naice-me.conf 
    输入i
    server {
      server_name static.naice.me; // 你的域名或者 ip
      root /www/static-web/static-web; // 你的克隆到的项目路径
      index index.html; // 显示首页
      location ~* ^.+.(jpg|jpeg|gif|png|ico|css|js|pdf|txt){
        root /www/static-web/static-web;
      } // 静态文件访问
    }
    按下esc然后输入:wq!来保存你编辑的内rong

    退出之后我们需要通过命令行重启 nginx服务

    sudo nginx -s reload

    然后就能访问了


    退出保存配置文件 :wq 或者:wq! 编辑配置文件 输入 i 显示insert 就可以编辑了 取消编辑esc

    修改密码 sudo passwd root

  • 相关阅读:
    在Win10中通过命令行打开UWP应用
    前端学习Docker
    Puppeteer的使用
    taro教程
    22种开源Vue模板和主题框架「干货」
    36种免费React模板和主题「干货」
    移动端1px显示异常解决方案
    前端性能优化(二)
    Vue.set()和this.$set()源码解析
    2018年8月7日 乐视2 X621 刷机包下载链接
  • 原文地址:https://www.cnblogs.com/netlock/p/13099139.html
Copyright © 2011-2022 走看看