用圖片高效學程式SamTsai

Hi,我是Sam,熱愛程式設計,並喜歡透過「圖解動畫」的方式,讓大家快速上手新技術! 我一直認為,好的教學能用一張「圖片」取代千百文字,我創作了許多生動的「圖解程式」教學影片,歡迎大家來我 Youtube頻道逛逛! https://www.youtube.com/channel/UCZ0PZi7oCPH_eUqBpNbBy0Q

Docker Debug 挑戰題 - 網頁跑板了!? 小容器 我要進來囉

Docker Debug 挑戰題 - 網頁跑板了!? 小容器 我要進來囉
這邊為一道設計過的 Docker Debug 挑戰題目,初始環境有所設置錯誤,請大家幫忙找出 Dockerfile 哪邊寫錯了?
情境敘述:這禮拜你進到新公司,主管丟給你一個 Dockerfile 共用基底模板,但你發現與你實際的專案有所出入,需要做調整才能使用,這時候就需要你來自行解決問題,歡迎有興趣的人來挑戰看看!

3分鐘快速建立挑戰環境:

  1. 下載專案
  2. git clone https://github.com/uopsdod/docker-debug-initial.git
  3. 下載圖片
  4. https://github.com/uopsdod/docker-debug-initial-image/blob/main/docker_debug_cover.jpeg
  5. 建立 dokcer image
  6. docker build -t mywebsite --no-cache .
  7. 啟動 docker container
  8. docker run -d -p 81:80 --name mywebsite mywebsite
  9. 查看首頁畫面
  10. 若使用 toolbox 安裝方式,則使用 docker-machine ip default 找出 ip 位置 (ex. 192.168.64.8:81)
  11. http://localhost:81/

你將會看到以下的初始畫面:

請透過修改 Dockerfile,讓最終畫面呈現如下:


挑戰唯一規則:

僅能修改 Dockerfile

具體要求項目與難度分數:

30% 「Docker Debug Challenge」排版置中

10% 「Page Not Fully Loaded」警示字詞變成「Excellent! Page Fully Loaded」

10% 按鈕敘述:「Solve It Now」轉變成「Solved」

40% 呈現背景圖片

10% 按鈕敘述:ACHIEVED BY [放上自己名字]

提示:查看首頁 html source code

提示:善用 docker exec

歡迎完成挑戰的人截圖自己的成功畫面,並在下面留言展示一番!

挑戰題完整解答:https://bit.ly/3hhcrGp


Like my work??
Don't forget to support or like, so I know you are with me..

CC BY-NC-ND 2.0

【Docker圖解教學】Kubernetes & Docker的分手肥皂劇

實時監控您的 Docker 容器狀態

為 Docker 容器設置日誌輪替

Want to read more ?

Login with one click and join the most diverse creator community.