Build hugo article

This commit is contained in:
Romain de Laage 2020-07-20 13:55:03 +02:00
parent 969da12095
commit 1e804e6d59
16 changed files with 705 additions and 3 deletions

@ -1 +1 @@
Subproject commit 277954f1bd68bf4e1f027202ca79f067b299c5b9
Subproject commit 3cb1049d1585b49c6e4fae0823511b0f29dff7be

View File

@ -97,6 +97,40 @@
<div class="post on-list">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/hugo/">Créez vos sites web statiques sans prise de tête avec Hugo</a>
</h1>
<div class="post-meta">
<span class="post-date">
2020-07-20
</span>
<span class="post-author">::Romain de Laage</span>
</div>
<span class="post-tags">
#<a href="https://rdelaage.ovh/blog/tags/web/">web</a>&nbsp;
#<a href="https://rdelaage.ovh/blog/tags/markdown/">markdown</a>&nbsp;
</span>
<div class="post-content">
<!-- raw HTML omitted -->
</div>
</div>
<div class="post on-list">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/premier-article/">Premier article</a>

View File

@ -12,6 +12,15 @@
<atom:link href="https://rdelaage.ovh/blog/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Créez vos sites web statiques sans prise de tête avec Hugo</title>
<link>https://rdelaage.ovh/blog/posts/hugo/</link>
<pubDate>Mon, 20 Jul 2020 00:00:00 +0000</pubDate>
<guid>https://rdelaage.ovh/blog/posts/hugo/</guid>
<description>Créez vos sites web statiques sans prise de tête avec Hugo Un site web statique est un site web dont le contenu ne change pas en fonction de la personne qui navigue dessus. Vous pouvez bien sûr éditer le site directement en HTML et en CSS mais cela peut vite devenir un enfer si vous devez modifier le style du site, il faut alors modifier toutes les pages déjà créées.</description>
</item>
<item>
<title>Premier article</title>
<link>https://rdelaage.ovh/blog/posts/premier-article/</link>

View File

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Créez vos sites web statiques sans prise de tête avec Hugo :: Romain de Laage — Le blog d&#39;un étudiant en informatique</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Créez vos sites web statiques sans prise de tête avec Hugo Un site web statique est un site web dont le contenu ne change pas en fonction de la personne qui navigue dessus. Vous pouvez bien sûr éditer le site directement en HTML et en CSS mais cela peut vite devenir un enfer si vous devez modifier le style du site, il faut alors modifier toutes les pages déjà créées." />
<meta name="keywords" content="web, markdown" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://rdelaage.ovh/blog/posts/hugo/" />
<link rel="stylesheet" href="https://rdelaage.ovh/blog/assets/style.css">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://rdelaage.ovh/blog/img/apple-touch-icon-144-precomposed.png">
<link rel="shortcut icon" href="https://rdelaage.ovh/blog/img/favicon/orange.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="Romain de Laage" />
<meta property="og:locale" content="fr" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Créez vos sites web statiques sans prise de tête avec Hugo :: Romain de Laage">
<meta property="og:description" content="Hugo est un générateur de site statique personnalisable à partir de fichiers écrits en markdown" />
<meta property="og:url" content="https://rdelaage.ovh/blog/posts/hugo/" />
<meta property="og:site_name" content="Créez vos sites web statiques sans prise de tête avec Hugo" />
<meta property="og:image" content="https://rdelaage.ovh/blog/img/favicon/orange.png">
<meta property="og:image:width" content="2048">
<meta property="og:image:height" content="1024">
<meta property="article:published_time" content="2020-07-20 00:00:00 &#43;0000 UTC" />
</head>
<body class="">
<div class="container full headings--one-size">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="https://rdelaage.ovh/blog">
<div class="logo">
rdelaage
</div>
</a>
</div>
<div class="menu-trigger">menu</div>
</div>
</header>
<div class="content">
<div class="post">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/hugo/">Créez vos sites web statiques sans prise de tête avec Hugo</a></h1>
<div class="post-meta">
<span class="post-date">
2020-07-20
</span>
<span class="post-author">::
Romain de Laage
</span>
</div>
<span class="post-tags">
#<a href="https://rdelaage.ovh/blog/tags/web/">web</a>&nbsp;
#<a href="https://rdelaage.ovh/blog/tags/markdown/">markdown</a>&nbsp;
</span>
<div class="post-content"><div>
<h1 id="créez-vos-sites-web-statiques-sans-prise-de-tête-avec-hugo">Créez vos sites web statiques sans prise de tête avec Hugo<a href="#créez-vos-sites-web-statiques-sans-prise-de-tête-avec-hugo" class="hanchor" ariaLabel="Anchor">&#8983;</a> </h1>
<p>Un site web statique est un site web dont le contenu ne change pas en fonction de la personne qui navigue dessus. Vous pouvez bien sûr éditer le site directement en HTML et en CSS mais cela peut vite devenir un enfer si vous devez modifier le style du site, il faut alors modifier toutes les pages déjà créées.</p>
<p>Un générateur comme <a href="https://gohugo.io/">Hugo</a> ou comme <a href="https://jekyllrb.com/">Jekyll</a> permet d&rsquo;écrire le contenu du site dans un langage simple comme markdown (et uniquement le contenu) et de générer automatiquement les pages finales et leur style à l&rsquo;aide de templates. Il est ainsi super simple de modifier le style des pages car on ne modifie que les templates et on relance la génération des pages. Par ailleurs ces génrateurs permettent de créer automatiquement le flux RSS.</p>
<p>J&rsquo;ai choisi de vous présenter Hugo car c&rsquo;est celui que j&rsquo;ai choisi pour mes besoins, il est écrit en go donc est compilé et plus rapide logiquement, il est multiplateforme donc fonctionne peut importe le poste sur lequel je travaille, libre bien évidemment et propose une large bilbiothèque de thème. En effet certains thèmes conviennent pour des blog (comme le thème <a href="https://themes.gohugo.io/hugo-theme-terminal/">Terminal</a> que j&rsquo;utilise ici), d&rsquo;autres pour de la documentation, des CV ou encore des portfolio. J&rsquo;ai donc l&rsquo;intention de l&rsquo;utiliser également pour ma documentation par exemple.</p>
<p>L&rsquo;avantage d&rsquo;un générateur comme celui là au lieu d&rsquo;un interpréteur markdown écrit en NodeJS ou en PHP par exemple, c&rsquo;est qu&rsquo;il n&rsquo;est exécuté qu&rsquo;une fois au moment de la mise à jour et il suffit ensuite de servir les pages générées sur un serveur Apache, Nginx ou Caddy, ainsi l&rsquo;administration se trouve fortement simplifiée, les ressources de la machines et l&rsquo;électricité sons économisés et le service de la page au client est plus rapide.</p>
<p>Afin de mettre en place il suffit de télécharger l&rsquo;exécutable sur la page GitHub su projet puis de le mettre dans le $PATH de votre machine. Puis vous vous rendez à l&rsquo;endroit ou vous souhaitez placer le dossier de votre projet et lancez <code>hugo new site &lt;nom du site&gt;</code>. Un dossier avec le nécessaire est créé puis dans ce dossier vous lancez <code>hugo new posts/&lt;nom du poste&gt;.md</code> pour créer un post. Vous pouvez l&rsquo;éditer et vous terminez par un simple <code>hugo</code> pour générer le site. Le produit final se trouve dans le dossier public.</p>
<p>Une page de documentation viendra bientôt pour montrer comment je fais sur ma propre infrastructure, en attendant vous pouvez regarder la <a href="https://gohugo.io/documentation/">documentation officielle</a> pour avoir plus de précisions.</p>
</div></div>
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Lire d&#39;autres articles</span>
<hr />
</div>
<div class="pagination__buttons">
<span class="button next">
<a href="https://rdelaage.ovh/blog/posts/premier-article/">
<span class="button__text">Premier article</span>
<span class="button__icon"></span>
</a>
</span>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer__inner">
<div class="copyright copyright--user">
<span>CC-BY-SA</span>
<span>:: Theme made by <a href="https://twitter.com/panr">panr</a></span>
</div>
</div>
</footer>
<script src="https://rdelaage.ovh/blog/assets/main.js"></script>
<script src="https://rdelaage.ovh/blog/assets/prism.js"></script>
</div>
</body>
</html>

View File

@ -87,6 +87,40 @@
<div class="posts">
<div class="post on-list">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/hugo/">Créez vos sites web statiques sans prise de tête avec Hugo</a>
</h1>
<div class="post-meta">
<span class="post-date">
2020-07-20
</span>
<span class="post-author">::Romain de Laage</span>
</div>
<span class="post-tags">
#<a href="https://rdelaage.ovh/blog/tags/web/">web</a>&nbsp;
#<a href="https://rdelaage.ovh/blog/tags/markdown/">markdown</a>&nbsp;
</span>
<div class="post-content">
<!-- raw HTML omitted -->
</div>
</div>
<div class="post on-list">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/premier-article/">Premier article</a>

View File

@ -12,6 +12,15 @@
<atom:link href="https://rdelaage.ovh/blog/posts/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Créez vos sites web statiques sans prise de tête avec Hugo</title>
<link>https://rdelaage.ovh/blog/posts/hugo/</link>
<pubDate>Mon, 20 Jul 2020 00:00:00 +0000</pubDate>
<guid>https://rdelaage.ovh/blog/posts/hugo/</guid>
<description>Créez vos sites web statiques sans prise de tête avec Hugo Un site web statique est un site web dont le contenu ne change pas en fonction de la personne qui navigue dessus. Vous pouvez bien sûr éditer le site directement en HTML et en CSS mais cela peut vite devenir un enfer si vous devez modifier le style du site, il faut alors modifier toutes les pages déjà créées.</description>
</item>
<item>
<title>Premier article</title>
<link>https://rdelaage.ovh/blog/posts/premier-article/</link>

View File

@ -117,6 +117,24 @@
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Lire d&#39;autres articles</span>
<hr />
</div>
<div class="pagination__buttons">
<span class="button previous">
<a href="https://rdelaage.ovh/blog/posts/hugo/">
<span class="button__icon"></span>
<span class="button__text">Créez vos sites web statiques sans prise de tête avec Hugo</span>
</a>
</span>
</div>
</div>

View File

@ -2,6 +2,16 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://rdelaage.ovh/blog/posts/hugo/</loc>
<lastmod>2020-07-20T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://rdelaage.ovh/blog/tags/markdown/</loc>
<lastmod>2020-07-20T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://rdelaage.ovh/blog/posts/</loc>
<lastmod>2020-07-20T00:00:00+00:00</lastmod>
@ -18,11 +28,17 @@
</url>
<url>
<loc>https://rdelaage.ovh/blog/categories/</loc>
<loc>https://rdelaage.ovh/blog/tags/</loc>
<lastmod>2020-07-20T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://rdelaage.ovh/blog/tags/</loc>
<loc>https://rdelaage.ovh/blog/tags/web/</loc>
<lastmod>2020-07-20T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://rdelaage.ovh/blog/categories/</loc>
</url>
</urlset>

View File

@ -89,6 +89,22 @@
<ul>
<li>
<a class="terms-title" href="https://rdelaage.ovh/blog/tags/markdown/">markdown (1)</a>
</li>
<li>
<a class="terms-title" href="https://rdelaage.ovh/blog/tags/web/">web (1)</a>
</li>
</ul>
</div>

View File

@ -7,9 +7,28 @@
<generator>Hugo -- gohugo.io</generator>
<language>fr-fr</language>
<copyright>CC-BY-SA</copyright>
<lastBuildDate>Mon, 20 Jul 2020 00:00:00 +0000</lastBuildDate>
<atom:link href="https://rdelaage.ovh/blog/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>markdown</title>
<link>https://rdelaage.ovh/blog/tags/markdown/</link>
<pubDate>Mon, 20 Jul 2020 00:00:00 +0000</pubDate>
<guid>https://rdelaage.ovh/blog/tags/markdown/</guid>
<description></description>
</item>
<item>
<title>web</title>
<link>https://rdelaage.ovh/blog/tags/web/</link>
<pubDate>Mon, 20 Jul 2020 00:00:00 +0000</pubDate>
<guid>https://rdelaage.ovh/blog/tags/web/</guid>
<description></description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>markdown :: Romain de Laage — Le blog d&#39;un étudiant en informatique</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://rdelaage.ovh/blog/tags/markdown/" />
<link rel="stylesheet" href="https://rdelaage.ovh/blog/assets/style.css">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://rdelaage.ovh/blog/img/apple-touch-icon-144-precomposed.png">
<link rel="shortcut icon" href="https://rdelaage.ovh/blog/img/favicon/orange.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="fr" />
<meta property="og:type" content="website" />
<meta property="og:title" content="markdown :: Romain de Laage">
<meta property="og:description" content="" />
<meta property="og:url" content="https://rdelaage.ovh/blog/tags/markdown/" />
<meta property="og:site_name" content="markdown" />
<meta property="og:image" content="https://rdelaage.ovh/blog/img/favicon/orange.png">
<meta property="og:image:width" content="2048">
<meta property="og:image:height" content="1024">
<link href="/blog/tags/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Romain de Laage" />
</head>
<body class="">
<div class="container full headings--one-size">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="https://rdelaage.ovh/blog">
<div class="logo">
rdelaage
</div>
</a>
</div>
<div class="menu-trigger">menu</div>
</div>
</header>
<div class="content">
<div class="posts">
<div class="post on-list">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/hugo/">Créez vos sites web statiques sans prise de tête avec Hugo</a>
</h1>
<div class="post-meta">
<span class="post-date">
2020-07-20
</span>
<span class="post-author">::Romain de Laage</span>
</div>
<span class="post-tags">
#<a href="https://rdelaage.ovh/blog/tags/web/">web</a>&nbsp;
#<a href="https://rdelaage.ovh/blog/tags/markdown/">markdown</a>&nbsp;
</span>
<div class="post-content">
<!-- raw HTML omitted -->
</div>
</div>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer__inner">
<div class="copyright copyright--user">
<span>CC-BY-SA</span>
<span>:: Theme made by <a href="https://twitter.com/panr">panr</a></span>
</div>
</div>
</footer>
<script src="https://rdelaage.ovh/blog/assets/main.js"></script>
<script src="https://rdelaage.ovh/blog/assets/prism.js"></script>
</div>
</body>
</html>

View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>markdown on Romain de Laage</title>
<link>https://rdelaage.ovh/blog/tags/markdown/</link>
<description>Recent content in markdown on Romain de Laage</description>
<generator>Hugo -- gohugo.io</generator>
<language>fr-fr</language>
<copyright>CC-BY-SA</copyright>
<lastBuildDate>Mon, 20 Jul 2020 00:00:00 +0000</lastBuildDate>
<atom:link href="https://rdelaage.ovh/blog/tags/markdown/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Créez vos sites web statiques sans prise de tête avec Hugo</title>
<link>https://rdelaage.ovh/blog/posts/hugo/</link>
<pubDate>Mon, 20 Jul 2020 00:00:00 +0000</pubDate>
<guid>https://rdelaage.ovh/blog/posts/hugo/</guid>
<description>Créez vos sites web statiques sans prise de tête avec Hugo Un site web statique est un site web dont le contenu ne change pas en fonction de la personne qui navigue dessus. Vous pouvez bien sûr éditer le site directement en HTML et en CSS mais cela peut vite devenir un enfer si vous devez modifier le style du site, il faut alors modifier toutes les pages déjà créées.</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://rdelaage.ovh/blog/tags/markdown/</title><link rel="canonical" href="https://rdelaage.ovh/blog/tags/markdown/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://rdelaage.ovh/blog/tags/markdown/" /></head></html>

158
public/tags/web/index.html Normal file
View File

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>web :: Romain de Laage — Le blog d&#39;un étudiant en informatique</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://rdelaage.ovh/blog/tags/web/" />
<link rel="stylesheet" href="https://rdelaage.ovh/blog/assets/style.css">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://rdelaage.ovh/blog/img/apple-touch-icon-144-precomposed.png">
<link rel="shortcut icon" href="https://rdelaage.ovh/blog/img/favicon/orange.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="fr" />
<meta property="og:type" content="website" />
<meta property="og:title" content="web :: Romain de Laage">
<meta property="og:description" content="" />
<meta property="og:url" content="https://rdelaage.ovh/blog/tags/web/" />
<meta property="og:site_name" content="web" />
<meta property="og:image" content="https://rdelaage.ovh/blog/img/favicon/orange.png">
<meta property="og:image:width" content="2048">
<meta property="og:image:height" content="1024">
<link href="/blog/tags/web/index.xml" rel="alternate" type="application/rss+xml" title="Romain de Laage" />
</head>
<body class="">
<div class="container full headings--one-size">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="https://rdelaage.ovh/blog">
<div class="logo">
rdelaage
</div>
</a>
</div>
<div class="menu-trigger">menu</div>
</div>
</header>
<div class="content">
<div class="posts">
<div class="post on-list">
<h1 class="post-title">
<a href="https://rdelaage.ovh/blog/posts/hugo/">Créez vos sites web statiques sans prise de tête avec Hugo</a>
</h1>
<div class="post-meta">
<span class="post-date">
2020-07-20
</span>
<span class="post-author">::Romain de Laage</span>
</div>
<span class="post-tags">
#<a href="https://rdelaage.ovh/blog/tags/web/">web</a>&nbsp;
#<a href="https://rdelaage.ovh/blog/tags/markdown/">markdown</a>&nbsp;
</span>
<div class="post-content">
<!-- raw HTML omitted -->
</div>
</div>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer__inner">
<div class="copyright copyright--user">
<span>CC-BY-SA</span>
<span>:: Theme made by <a href="https://twitter.com/panr">panr</a></span>
</div>
</div>
</footer>
<script src="https://rdelaage.ovh/blog/assets/main.js"></script>
<script src="https://rdelaage.ovh/blog/assets/prism.js"></script>
</div>
</body>
</html>

25
public/tags/web/index.xml Normal file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>web on Romain de Laage</title>
<link>https://rdelaage.ovh/blog/tags/web/</link>
<description>Recent content in web on Romain de Laage</description>
<generator>Hugo -- gohugo.io</generator>
<language>fr-fr</language>
<copyright>CC-BY-SA</copyright>
<lastBuildDate>Mon, 20 Jul 2020 00:00:00 +0000</lastBuildDate>
<atom:link href="https://rdelaage.ovh/blog/tags/web/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Créez vos sites web statiques sans prise de tête avec Hugo</title>
<link>https://rdelaage.ovh/blog/posts/hugo/</link>
<pubDate>Mon, 20 Jul 2020 00:00:00 +0000</pubDate>
<guid>https://rdelaage.ovh/blog/posts/hugo/</guid>
<description>Créez vos sites web statiques sans prise de tête avec Hugo Un site web statique est un site web dont le contenu ne change pas en fonction de la personne qui navigue dessus. Vous pouvez bien sûr éditer le site directement en HTML et en CSS mais cela peut vite devenir un enfer si vous devez modifier le style du site, il faut alors modifier toutes les pages déjà créées.</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://rdelaage.ovh/blog/tags/web/</title><link rel="canonical" href="https://rdelaage.ovh/blog/tags/web/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://rdelaage.ovh/blog/tags/web/" /></head></html>