Resume 工作坊 (進階課程)

前言:

剛剛的基礎課程學習完了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)