一招教你部署自己的靜態h5頁面到WordPress服務器(阿里雲WordPress應用鏡像)(純新手向)

許多剛開始學習前端的小夥伴,在開通了阿里雲的WordPress之後,還想放置一些自己的界面,並通過子目錄的方式訪問,比如網站頁面爲abc.com,子頁面在abc.com/children 具體該怎麼操作呢?

許多文章說只需要將靜態資源放到對應的位置就可以,但是筆者沒有看到有文章具體指出其對應位置,在這裏針對WordPress指出相關的路徑與操作

  • 首先,下載xhell以及xftp等軟件(學生版免費):Xshell傳送門
  • 下載完成後,通過SSH協議連接到個人的服務器,也就是輸入你的主機ip號,root用戶密碼,在xhell中點擊在xftp中打開:
  • WordPress應用鏡像是基於Centos的,我們需要了解Linux的部分權限管理,來到/root下,點擊上一級回到根目錄:
    我們可以看到:
    在這裏插入圖片描述
  • 在Linux系統中,/home下保存的就是非root用戶所存放的內容:
    我們打開這個位置:
    在這裏插入圖片描述
  • 這個熟悉的www用戶,顯然就是我們瀏覽器所進入的位置,繼續點進這個文件夾:
    在這裏插入圖片描述
  • 我們看到了:
    在這裏插入圖片描述
  • 這裏就講到了瀏覽器的解析原理,瀏覽器會去尋找index頁面作爲網站的入口,所以,我們這樣,就來到了WordPress的主頁(也就是通過儀表盤構建的主頁面)
  • 我們只需要在此新建文件夾,然後將自己寫的帶index.html的界面上傳到此處:
    比如:
    在這裏插入圖片描述
    這個music就是筆者上傳的內容,
    在這裏插入圖片描述
    上傳完畢,大功告成,我們打開瀏覽器:

在這裏插入圖片描述
就可以訪問自己寫的頁面啦!

都看到這了,好的壞的都給個贊?(厚顏無恥)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章