initales commit Northside Studio Page
This commit is contained in:
296
nss/public/fr/posts/2014/04/débuter-avec-hugo/index.html
Normal file
296
nss/public/fr/posts/2014/04/débuter-avec-hugo/index.html
Normal file
@@ -0,0 +1,296 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user