297 lines
12 KiB
HTML
297 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="author" content="map[name:Hugo Authors]">
|
||
<meta name="description" content="Étape 1. Installer Hugo Allez sur la page de téléchargements de hugo et téléchargez la version appropriée à votre système d’exploitation et votre architecture.
|
||
Sauvegardez le fichier téléchargé à un endroit précis, afin de l’utiliser dans l’étape suivante.
|
||
Des informations plus complètes sont disponibles sur la page installing hugo
|
||
" />
|
||
<meta name="keywords" content="" />
|
||
<meta name="robots" content="noodp" />
|
||
<meta name="theme-color" content="" />
|
||
<link rel="canonical" href="http://localhost:1313/fr/posts/2014/04/d%C3%A9buter-avec-hugo/" />
|
||
|
||
|
||
<title>
|
||
|
||
Débuter avec Hugo :: Northside Studio Achim — Hello Friend NG Theme
|
||
|
||
</title>
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="http://localhost:1313/main.min.7289daf2e88ea2c7b253a51cc5794c7cc17e7aeb7295a19d978db764a5862f25.css" integrity="sha256-cona8uiOoseyU6UcxXlMfMF+eutylaGdl423ZKWGLyU=" crossorigin="anonymous">
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:1313/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
|
||
<link rel="manifest" href="http://localhost:1313/site.webmanifest">
|
||
<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg" color="">
|
||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||
<meta name="msapplication-TileColor" content="">
|
||
|
||
|
||
|
||
<meta itemprop="name" content="Débuter avec Hugo">
|
||
<meta itemprop="description" content="Étape 1. Installer Hugo Allez sur la page de téléchargements de hugo et téléchargez la version appropriée à votre système d’exploitation et votre architecture.
|
||
Sauvegardez le fichier téléchargé à un endroit précis, afin de l’utiliser dans l’étape suivante.
|
||
Des informations plus complètes sont disponibles sur la page installing hugo">
|
||
<meta itemprop="datePublished" content="2014-04-02T00:00:00+00:00">
|
||
<meta itemprop="dateModified" content="2014-04-02T00:00:00+00:00">
|
||
<meta itemprop="wordCount" content="399">
|
||
<meta itemprop="image" content="http://localhost:1313/">
|
||
<meta itemprop="keywords" content="Hugo">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:image" content="http://localhost:1313/">
|
||
<meta name="twitter:title" content="Débuter avec Hugo">
|
||
<meta name="twitter:description" content="Étape 1. Installer Hugo Allez sur la page de téléchargements de hugo et téléchargez la version appropriée à votre système d’exploitation et votre architecture.
|
||
Sauvegardez le fichier téléchargé à un endroit précis, afin de l’utiliser dans l’étape suivante.
|
||
Des informations plus complètes sont disponibles sur la page installing hugo">
|
||
|
||
|
||
|
||
<meta property="og:url" content="http://localhost:1313/fr/posts/2014/04/d%C3%A9buter-avec-hugo/">
|
||
<meta property="og:site_name" content="Northside Studio Achim">
|
||
<meta property="og:title" content="Débuter avec Hugo">
|
||
<meta property="og:description" content="Étape 1. Installer Hugo Allez sur la page de téléchargements de hugo et téléchargez la version appropriée à votre système d’exploitation et votre architecture.
|
||
Sauvegardez le fichier téléchargé à un endroit précis, afin de l’utiliser dans l’étape suivante.
|
||
Des informations plus complètes sont disponibles sur la page installing hugo">
|
||
<meta property="og:locale" content="fr">
|
||
<meta property="og:type" content="article">
|
||
<meta property="article:section" content="posts">
|
||
<meta property="article:published_time" content="2014-04-02T00:00:00+00:00">
|
||
<meta property="article:modified_time" content="2014-04-02T00:00:00+00:00">
|
||
<meta property="og:image" content="http://localhost:1313/">
|
||
|
||
|
||
|
||
|
||
<meta property="article:section" content="Hugo" />
|
||
|
||
|
||
|
||
<meta property="article:published_time" content="2014-04-02 00:00:00 +0000 UTC" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
|
||
|
||
<div class="container">
|
||
<header class="header">
|
||
<span class="header__inner">
|
||
<a href="http://localhost:1313/" style="text-decoration: none;">
|
||
<div class="logo">
|
||
|
||
<span class="logo__mark">></span>
|
||
<span class="logo__text ">
|
||
$ cd /home/</span>
|
||
<span class="logo__cursor" style=
|
||
"
|
||
|
||
">
|
||
</span>
|
||
|
||
</div>
|
||
</a>
|
||
|
||
|
||
<span class="header__right">
|
||
<nav class="menu">
|
||
<ul class="menu__inner">
|
||
<div class="submenu">
|
||
<li class="dropdown">
|
||
<a href="javascript:void(0)" class="dropbtn">About</a>
|
||
<div class="dropdown-content">
|
||
|
||
<a href="about/me/">About Me</a>
|
||
|
||
</div>
|
||
</li>
|
||
</div>
|
||
|
||
<li><a href="http://localhost:1313/fr/posts/">Posts</a></li>
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
|
||
<span class="menu-trigger">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||
<path d="M0 0h24v24H0z" fill="none"/>
|
||
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</header>
|
||
|
||
|
||
|
||
<div class="content">
|
||
<main class="post">
|
||
|
||
<div class="post-info">
|
||
|
||
Aussi disponible en
|
||
|
||
<a href="http://localhost:1313/posts/2014/04/getting-started-with-hugo/"><span class="flag fi fi-gb"></span></a>
|
||
|
||
|
||
</p>
|
||
</div>
|
||
|
||
<article>
|
||
<h2 class="post-title"><a href="http://localhost:1313/fr/posts/2014/04/d%C3%A9buter-avec-hugo/">Débuter avec Hugo</a></h2>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-content">
|
||
<h2 id="étape-1-installer-hugo">Étape 1. Installer Hugo</h2>
|
||
<p>Allez sur la page de téléchargements de
|
||
<a href="https://github.com/spf13/hugo/releases">hugo</a> et téléchargez la version
|
||
appropriée à votre système d’exploitation et votre architecture.</p>
|
||
<p>Sauvegardez le fichier téléchargé à un endroit précis, afin de l’utiliser dans
|
||
l’étape suivante.</p>
|
||
<p>Des informations plus complètes sont disponibles sur la page
|
||
<a href="http://localhost:1313/overview/installing/">installing hugo</a></p>
|
||
<h2 id="étape-2-compilez-la-documentation">Étape 2. Compilez la documentation</h2>
|
||
<p>Hugo possède son propre site d’exemple qui se trouve être également le site que
|
||
vous lisez actuellement.</p>
|
||
<p>Suivez les instructions suivante :</p>
|
||
<ol>
|
||
<li>Clonez le <a href="http://github.com/spf13/hugo">dépôt de hugo</a></li>
|
||
<li>Allez dans ce dépôt</li>
|
||
<li>Lancez Hugo en mode serveur et compilez la documentation</li>
|
||
<li>Ouvrez votre navigateur sur http://localhost:1313</li>
|
||
</ol>
|
||
<p>Voici les commandes génériques correspondantes :</p>
|
||
<pre><code>git clone https://github.com/spf13/hugo
|
||
cd hugo
|
||
/chemin/ou/vous/avez/installe/hugo server --source=./docs
|
||
> 29 pages created
|
||
> 0 tags index created
|
||
> in 27 ms
|
||
> Web Server is available at http://localhost:1313
|
||
> Press ctrl+c to stop
|
||
</code></pre>
|
||
<p>Lorsque vous avez cela, continuez le reste de ce guide sur votre version locale.</p>
|
||
<h2 id="étape-3-changer-le-site-de-documentation">Étape 3. Changer le site de documentation</h2>
|
||
<p>Arrêtez le processus de Hugo en pressant ctrl+c.</p>
|
||
<p>Maintenant, nous allons relancer hugo, mais cette fois avec Hugo en mode de
|
||
surveillance.</p>
|
||
<pre><code>/chemin/vers/hugo/de/l-etape/1/hugo server --source=./docs --watch
|
||
> 29 pages created
|
||
> 0 tags index created
|
||
> in 27 ms
|
||
> Web Server is available at http://localhost:1313
|
||
> Watching for changes in /Users/spf13/Code/hugo/docs/content
|
||
> Press ctrl+c to stop
|
||
</code></pre>
|
||
<p>Ouvrez votre <a href="https://vim.spf13.com">éditeur favori</a> et changer l’une des
|
||
sources des pages de contenu.
|
||
Open your <a href="http://vim.spf13.com">favorite editor</a> and change one of the source
|
||
content pages. Que diriez-vous de modifier ce fichier pour <em>résoudre une faute
|
||
de typo</em>.</p>
|
||
<p>Les fichiers de contenu peuvent être trouvés dans <code>docs/content/</code>. Sauf
|
||
indication contraire, les fichiers sont situés au même emplacement relatif que
|
||
l’URL, dans notre cas <code>docs/content/overview/quickstart.md</code>.</p>
|
||
<p>Modifiez et sauvegardez ce fichier. Notez ce qu’il se passe dans le terminal.</p>
|
||
<pre><code>> Change detected, rebuilding site
|
||
|
||
> 29 pages created
|
||
> 0 tags index created
|
||
> in 26 ms
|
||
</code></pre>
|
||
<p>Rechargez la page dans votre navigateur et voyez que le problème de typo est
|
||
maintenant résolu.</p>
|
||
<p>Notez à quel point cela a été rapide. Essayez de recharger le site avant qu’il
|
||
soit fini de compiler.
|
||
Notice how quick that was. Try to refresh the site before it’s finished
|
||
building. Je paris que vous n’y arrivez pas.
|
||
Le fait d’avoir des réactions presque instantanées vous permet d’avoir votre
|
||
créativité fluide sans avoir à attendre de longues compilations.</p>
|
||
<h2 id="step-4-amusez-vous">Step 4. Amusez-vous</h2>
|
||
<p>Le meilleur moyen d’apprendre quelque chose est de s’amuser avec.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<hr />
|
||
|
||
<div class="post-info">
|
||
|
||
|
||
<p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder meta-icon"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>
|
||
|
||
<span class="tag"><a href="http://localhost:1313/fr/categories/hugo/">Hugo</a></span>
|
||
|
||
</p>
|
||
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
|
||
|
||
<footer class="footer">
|
||
|
||
<div class="footer__inner">
|
||
<div class="footer__content">
|
||
<span>© 2026</span>
|
||
<span><a href="http://localhost:1313/">Thomas Sindt</a></span>
|
||
<span><a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a></span>
|
||
<span><a href="http://localhost:1313/fr/posts/index.xml" target="_blank" title="rss"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></span>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="footer__inner">
|
||
<div class="footer__content">
|
||
<span>Powered by <a href="http://gohugo.io">Hugo</a> and the Hello Friend NG Theme</span><span>Made with ❤ by <a href="https://thomassindt.de">Thomas Sindt</a></span>
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript" src="http://localhost:1313/bundle.min.08b680078a3cf9c69e3dd217a5aa52cfddd4a1d850f8cdff127fdd7421a71f8b2b474be69386f67819edace92273916e7230c9054f38107db9dc6730b3530ab5.js" integrity="sha512-CLaAB4o8+caePdIXpapSz93UodhQ+M3/En/ddCGnH4srR0vmk4b2eBntrOkic5FucjDJBU84EH253Gcws1MKtQ=="></script>
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|