一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)

许多刚开始学习前端的小伙伴,在开通了阿里云的WordPress之后,还想放置一些自己的界面,并通过子目录的方式访问,比如网站页面为abc.com,子页面在abc.com/children 具体该怎么操作呢?

许多文章说只需要将静态资源放到对应的位置就可以,但是笔者没有看到有文章具体指出其对应位置,在这里针对WordPress指出相关的路径与操作

  • 首先,下载xhell以及xftp等软件(学生版免费):Xshell传送门
  • 下载完成后,通过SSH协议连接到个人的服务器,也就是输入你的主机ip号,root用户密码,在xhell中点击在xftp中打开:
  • WordPress应用镜像是基于Centos的,我们需要了解Linux的部分权限管理,来到/root下,点击上一级回到根目录:
    我们可以看到:
    一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第1张图片
  • 在Linux系统中,/home下保存的就是非root用户所存放的内容:
    我们打开这个位置:
    一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第2张图片
  • 这个熟悉的www用户,显然就是我们浏览器所进入的位置,继续点进这个文件夹:
    一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第3张图片
  • 我们看到了:
    一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第4张图片
  • 这里就讲到了浏览器的解析原理,浏览器会去寻找index页面作为网站的入口,所以,我们这样,就来到了WordPress的主页(也就是通过仪表盘构建的主页面)
  • 我们只需要在此新建文件夹,然后将自己写的带index.html的界面上传到此处:
    比如:
    一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第5张图片
    这个music就是笔者上传的内容,
    一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第6张图片
    上传完毕,大功告成,我们打开浏览器:

一招教你部署自己的静态h5页面到WordPress服务器(阿里云WordPress应用镜像)(纯新手向)_第7张图片
就可以访问自己写的页面啦!

都看到这了,好的坏的都给个赞?(厚颜无耻)

你可能感兴趣的:(初学者,linux,服务器,centos,ssh)