Resume 工作坊 (進階課程)
Aug 16, 2021
前言:
剛剛的基礎課程學習完了S3的服務架設一個純文字的靜態網站,接著就要到Resume 工作坊主軸,如何建立一個屬於自己的履歷網站。
若還沒看過 Resume 工作坊 (基礎課程)的課程同學請按此傳送門
Step 1: 刪除index.html
1.輸入 永久刪除
2.點擊刪除物件
Step 2: 下載範例程式
1.下載範例 https://reurl.cc/Gm34D3
2.解壓縮 AWS-resume.zip
Step 3: 修改index.html
網頁上的文字都可修改,可以多利用<ctrl+f>的功能尋找想修改的文字
修改個人facebook超連結
Step 4: 更改圖片
想更改成自己的照片可以到 AWS-resume > assets > img 的路徑修改
Step 5: 上傳修改完的範例程式到S3
上傳完後回到物件的頁面會看到剛剛上傳的東西
Step 6: 靜態網站託管
點擊屬性
點擊編輯
直接拉到最下面按儲存變更
Step7: 完成
靜態託管網站有網址,把它複製到瀏覽器即可
http://resumeworkshop.s3-website.us-west-1.amazonaws.com/
附錄: 圖片沒更變的話
點擊 assets
點擊 img
點擊想顯示的圖片
將物件URL複製下來
並打開index.html修改23行填入剛剛複製的網址,重新上傳修改好的index.html到S3
參考資料:
https://reurl.cc/5rAW8y (AWS S3白皮書)
https://reurl.cc/VEdO8N (Hosting A Static Site On AWS S3)