Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision

Target

Select target project
  • formation-docker-cnrs/session-intermediaire
1 result
Select Git revision
Show changes
Commits on Source (10)
Showing
with 929 additions and 5 deletions
...@@ -78,9 +78,7 @@ La définition de chaque service devra être réalisée dans un sous-répertoire ...@@ -78,9 +78,7 @@ La définition de chaque service devra être réalisée dans un sous-répertoire
### Facile ### Facile
Réaliser un site statique avec [Hugo](https://gohugo.io), il vous faudra appliquer un thème et générer au moins un article. ~~Réaliser un site statique avec [Hugo](https://gohugo.io), il vous faudra appliquer un thème et générer au moins un article.~~
Pour cela la [documentation](https://gohugo.io/getting-started/quick-start/) devrait vous être très utile.
``` ```
hugo new site formation_docker hugo new site formation_docker
...@@ -91,9 +89,15 @@ echo "theme = 'ananke'" >> hugo.toml ...@@ -91,9 +89,15 @@ echo "theme = 'ananke'" >> hugo.toml
hugo new content posts/my-first-post.md hugo new content posts/my-first-post.md
``` ```
Une fois votre site générer, supprimer le dossier `public` et hebergé votre site dans un conteneur Docker avec un serveur web. ~~Pour cela la [documentation](https://gohugo.io/getting-started/quick-start/) devrait vous être très utile.~~
Votre site a été généré dans le dossier `public` avec la commande `hugo`, vérifier la présence du fichier `index.html`.
Supprimer le dossier `public`, vous n'en aurez pas besoin puisque vous allez le reconstruire dans le multi-stage.
Écrire un `Dockerfile` multi-stage pour générer votre et héberger votre site dans un conteneur Docker avec un serveur web.
N'hésitez pas à vous inspirer des diaposivites pour l'écriture du Dockerfile. N'hésitez pas à vous inspirer des diapositives pour l'écriture du Dockerfile.
### Difficile ### Difficile
......
+++
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
date = {{ .Date }}
draft = true
+++
+++
title = 'My First Post'
date = 2024-06-04T13:55:21+02:00
draft = false
+++
La formation **docker** c'est *chouette*.
Visit the [Hugo](https://gohugo.io) website!
baseURL = 'https://example.org/'
languageCode = 'en-us'
title = 'My New Hugo Site'
theme = 'ananke'
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My New Hugo Site</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="">
<meta name="generator" content="Hugo 0.121.2">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/ananke/css/main.min.css" >
<link rel="canonical" href="https://example.org/404.html">
<meta property="og:title" content="404 Page not found" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.org/404.html" />
<meta itemprop="name" content="404 Page not found">
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="404 Page not found"/>
<meta name="twitter:description" content=""/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
My New Hugo Site
</a>
<div class="flex-l items-center">
<div class="ananke-socials">
</div>
</div>
</div>
</nav>
</div>
</header>
<main class="pb7" role="main">
<article class="center cf pv5 measure-wide-l">
<h1>
This is not the page you were looking for
</h1>
</article>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://example.org/" >
&copy; My New Hugo Site 2024
</a>
<div>
<div class="ananke-socials">
</div>
</div>
</div>
</footer>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My New Hugo Site</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="">
<meta name="generator" content="Hugo 0.121.2">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/ananke/css/main.min.css" >
<link href="/categories/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
<link href="/categories/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
<link rel="canonical" href="https://example.org/categories/">
<meta property="og:title" content="Categories" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.org/categories/" />
<meta itemprop="name" content="Categories">
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Categories"/>
<meta name="twitter:description" content=""/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="pb3-m pb6-l bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
My New Hugo Site
</a>
<div class="flex-l items-center">
<div class="ananke-socials">
</div>
</div>
</div>
</nav>
<div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
Categories
</h1>
</div>
</div>
</header>
<main class="pb7" role="main">
<article class="cf pa3 pa4-m pa4-l">
<div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links mid-gray">
</div>
</article>
<div class="mw8 center">
<section class="ph4">
</section>
</div>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://example.org/" >
&copy; My New Hugo Site 2024
</a>
<div>
<div class="ananke-socials">
</div>
</div>
</div>
</footer>
</body>
</html>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on My New Hugo Site</title>
<link>https://example.org/categories/</link>
<description>Recent content in Categories on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<atom:link href="https://example.org/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
hugo-formation-docker/public/images/gohugo-default-sample-hero-image.jpg

276 KiB

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My New Hugo Site</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="">
<meta name="generator" content="Hugo 0.121.2">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/ananke/css/main.min.css" >
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
<link href="/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
<link rel="canonical" href="https://example.org/">
<meta property="og:title" content="My New Hugo Site" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.org/" />
<meta itemprop="name" content="My New Hugo Site">
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="My New Hugo Site"/>
<meta name="twitter:description" content=""/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="pb3-m pb6-l bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
My New Hugo Site
</a>
<div class="flex-l items-center">
<div class="ananke-socials">
</div>
</div>
</div>
</nav>
<div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
My New Hugo Site
</h1>
</div>
</div>
</header>
<main class="pb7" role="main">
<article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
</article>
<div class="pa3 pa4-ns w-100 w-70-ns center">
<h1 class="flex-none">
Recent Posts
</h1>
<section class="w-100 mw8">
<div class="relative w-100 mb4">
<article class="bb b--black-10">
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
<div class="flex flex-column flex-row-ns">
<div class="blah w-100">
<h1 class="f3 fw1 athelas mt0 lh-title">
<a href="/posts/my-first-post/" class="color-inherit dim link">
My First Post
</a>
</h1>
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
La formation docker c&rsquo;est chouette.
Visit the Hugo website!
</div>
<a href="/posts/my-first-post/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
</div>
</div>
</div>
</article>
</div>
</section>
</div>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://example.org/" >
&copy; My New Hugo Site 2024
</a>
<div>
<div class="ananke-socials">
</div>
</div>
</div>
</footer>
</body>
</html>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>My New Hugo Site</title>
<link>https://example.org/</link>
<description>Recent content on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Tue, 04 Jun 2024 13:55:21 +0200</lastBuildDate>
<atom:link href="https://example.org/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>My First Post</title>
<link>https://example.org/posts/my-first-post/</link>
<pubDate>Tue, 04 Jun 2024 13:55:21 +0200</pubDate>
<guid>https://example.org/posts/my-first-post/</guid>
<description>La formation docker c&amp;rsquo;est chouette.&#xA;Visit the Hugo website!</description>
</item>
</channel>
</rss>
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My New Hugo Site</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="">
<meta name="generator" content="Hugo 0.121.2">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/ananke/css/main.min.css" >
<link href="/posts/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
<link href="/posts/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
<link rel="canonical" href="https://example.org/posts/">
<meta property="og:title" content="Posts" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.org/posts/" />
<meta itemprop="name" content="Posts">
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Posts"/>
<meta name="twitter:description" content=""/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="pb3-m pb6-l bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
My New Hugo Site
</a>
<div class="flex-l items-center">
<div class="ananke-socials">
</div>
</div>
</div>
</nav>
<div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
Posts
</h1>
</div>
</div>
</header>
<main class="pb7" role="main">
<article class="pa3 pa4-ns nested-copy-line-height">
<section class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"></section>
<section class="flex-ns flex-wrap justify-around mt5">
<div class="relative w-100 w-30-l mb4 bg-white">
<div class="relative w-100 mb4 bg-white nested-copy-line-height">
<div class="bg-white mb3 pa4 gray overflow-hidden">
<span class="f6 db">Posts</span>
<h1 class="f3 near-black">
<a href="/posts/my-first-post/" class="link black dim">
My First Post
</a>
</h1>
<div class="nested-links f5 lh-copy nested-copy-line-height">
La formation docker c&rsquo;est chouette.
Visit the Hugo website!
</div>
<a href="/posts/my-first-post/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
</div>
</div>
</div>
</section></article>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://example.org/" >
&copy; My New Hugo Site 2024
</a>
<div>
<div class="ananke-socials">
</div>
</div>
</div>
</footer>
</body>
</html>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Posts on My New Hugo Site</title>
<link>https://example.org/posts/</link>
<description>Recent content in Posts on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Tue, 04 Jun 2024 13:55:21 +0200</lastBuildDate>
<atom:link href="https://example.org/posts/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>My First Post</title>
<link>https://example.org/posts/my-first-post/</link>
<pubDate>Tue, 04 Jun 2024 13:55:21 +0200</pubDate>
<guid>https://example.org/posts/my-first-post/</guid>
<description>La formation docker c&amp;rsquo;est chouette.&#xA;Visit the Hugo website!</description>
</item>
</channel>
</rss>
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My First Post | My New Hugo Site</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="La formation docker c&rsquo;est chouette.
Visit the Hugo website!">
<meta name="generator" content="Hugo 0.121.2">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/ananke/css/main.min.css" >
<link rel="canonical" href="https://example.org/posts/my-first-post/">
<meta property="og:title" content="My First Post" />
<meta property="og:description" content="La formation docker c&rsquo;est chouette.
Visit the Hugo website!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://example.org/posts/my-first-post/" /><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2024-06-04T13:55:21+02:00" />
<meta property="article:modified_time" content="2024-06-04T13:55:21+02:00" />
<meta itemprop="name" content="My First Post">
<meta itemprop="description" content="La formation docker c&rsquo;est chouette.
Visit the Hugo website!"><meta itemprop="datePublished" content="2024-06-04T13:55:21+02:00" />
<meta itemprop="dateModified" content="2024-06-04T13:55:21+02:00" />
<meta itemprop="wordCount" content="9">
<meta itemprop="keywords" content="" /><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="My First Post"/>
<meta name="twitter:description" content="La formation docker c&rsquo;est chouette.
Visit the Hugo website!"/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
My New Hugo Site
</a>
<div class="flex-l items-center">
<div class="ananke-socials">
</div>
</div>
</div>
</nav>
</div>
</header>
<main class="pb7" role="main">
<article class="flex-l flex-wrap justify-between mw8 center ph3">
<header class="mt4 w-100">
<aside class="instapaper_ignoref b helvetica tracked ttu">
Posts
</aside>
<div id="sharing" class="mt3 ananke-socials">
</div>
<h1 class="f1 athelas mt3 mb1">My First Post</h1>
<time class="f6 mv4 dib tracked" datetime="2024-06-04T13:55:21+02:00">June 4, 2024</time>
</header>
<div class="nested-copy-line-height lh-copy serif f4 nested-links mid-gray pr4-l w-two-thirds-l"><p>La formation <strong>docker</strong> c&rsquo;est <em>chouette</em>.</p>
<p>Visit the <a href="https://gohugo.io">Hugo</a> website!</p>
<ul class="pa0">
</ul>
<div class="mt6 instapaper_ignoref">
</div>
</div>
<aside class="w-30-l mt6-l">
</aside>
</article>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://example.org/" >
&copy; My New Hugo Site 2024
</a>
<div>
<div class="ananke-socials">
</div>
</div>
</div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://example.org/posts/</title>
<link rel="canonical" href="https://example.org/posts/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://example.org/posts/">
</head>
</html>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://example.org/posts/my-first-post/</loc>
<lastmod>2024-06-04T13:55:21+02:00</lastmod>
</url><url>
<loc>https://example.org/</loc>
<lastmod>2024-06-04T13:55:21+02:00</lastmod>
</url><url>
<loc>https://example.org/posts/</loc>
<lastmod>2024-06-04T13:55:21+02:00</lastmod>
</url><url>
<loc>https://example.org/categories/</loc>
</url><url>
<loc>https://example.org/tags/</loc>
</url>
</urlset>
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My New Hugo Site</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="">
<meta name="generator" content="Hugo 0.121.2">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/ananke/css/main.min.css" >
<link href="/tags/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
<link href="/tags/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
<link rel="canonical" href="https://example.org/tags/">
<meta property="og:title" content="Tags" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.org/tags/" />
<meta itemprop="name" content="Tags">
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Tags"/>
<meta name="twitter:description" content=""/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="pb3-m pb6-l bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
My New Hugo Site
</a>
<div class="flex-l items-center">
<div class="ananke-socials">
</div>
</div>
</div>
</nav>
<div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
Tags
</h1>
</div>
</div>
</header>
<main class="pb7" role="main">
<article class="cf pa3 pa4-m pa4-l">
<div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links mid-gray">
</div>
</article>
<div class="mw8 center">
<section class="ph4">
</section>
</div>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://example.org/" >
&copy; My New Hugo Site 2024
</a>
<div>
<div class="ananke-socials">
</div>
</div>
</div>
</footer>
</body>
</html>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on My New Hugo Site</title>
<link>https://example.org/tags/</link>
<description>Recent content in Tags on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<atom:link href="https://example.org/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>