Docker Debug 挑战题 - 网页跑板了!? 小容器 我要进来罗

https://ithelp.ithome.com.tw/upload/images/20210628/201009516jlLVAZj64.jpg

这边为一道设计过的 Docker Debug 挑战题目,初始环境有所设置错误,请大家帮忙找出 Dockerfile 哪边写错了?

情境叙述:这礼拜你进到新公司,主管丢给你一个 Dockerfile 共用基底模板,但你发现与你实际的专案有所出入,需要做调整才能使用,这时候就需要你来自行解决问题,欢迎有兴趣的人来挑战看看!

3分钟快速建立挑战环境:

  1. 下载专案
    git clone https://github.com/uopsdod/docker-debug-initial.git
  2. 下载图片
    https://github.com/uopsdod/docker-debug-initial-image/blob/main/docker_debug_cover.jpeg
  3. 建立 dokcer image
    docker build -t mywebsite --no-cache .
  4. 启动 docker container
    docker run -d -p 81:80 --name mywebsite mywebsite
  5. 查看首页画面
    若使用 toolbox 安装方式,则使用 docker-machine ip default 找出 ip 位置 (ex. 192.168.64.8:81)
    http://localhost:81/

你将会看到以下的初始画面:
https://ithelp.ithome.com.tw/upload/images/20210628/20100951yni7k8353I.png

请透过修改 Dockerfile,让最终画面呈现如下:
https://ithelp.ithome.com.tw/upload/images/20210628/201009519stJfeoe2f.png

挑战唯一规则:

仅能修改 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://www.facebook.com/105673814305452


<<:  椭圆曲线数字签名算法 (Elliptic Curve Digital Signature Algorithm:ECDSA)

>>:  从零开始的ASP.Net Core 学习

Day36 | WebView Snippets管理页面设计与开发

哈罗,大家好,我是韦恩。今天的文章是系列文的第三十六篇。我们会把完整snippet的元件与routi...

[Day18] Webpack - 预处理器

前几天学到了 PostCSS、Babel 这些後处理器,来协助在打包时改写原始码来支援各种浏览器,今...

Day 18 : 笔记篇 05— 如何整理学习笔记?分享我的学习笔记整理流程

前言 在 上一篇文章 中,我提到使用 Obsidian 处理笔记的过程,但在「纪录资讯」这一段没有多...

[Day 18] 我会把我的over fitting,drop好drop满

前言 走过了资料分析、演算法选择後, 我们得知了有些可以改善模型的方向: 解决资料不平衡(Done)...

[Day29] 除错(debug)的心得

今天来分享一下我自己如何除错,出错很正常(对我来说啦QWQ),但是发现有错,很重要的是,要知道自己错...