<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Mises en page on Martijn's Notes</title><link>https://vandenboom.online/fr/docs/layouts/</link><description>Recent content in Mises en page on Martijn's Notes</description><generator>Hugo</generator><language>fr</language><copyright>Copyright © 2016-2026 van den &lt;span class='bold-rotate'&gt;B&lt;/span&gt;oom. All Rights Reserved.</copyright><lastBuildDate>Thu, 15 Sep 2022 10:46:23 +0800</lastBuildDate><atom:link href="https://vandenboom.online/fr/docs/layouts/index.xml" rel="self" type="application/rss+xml"/><item><title>Mise en page de la page de destination</title><link>https://vandenboom.online/fr/docs/layouts/landing/</link><pubDate>Thu, 15 Sep 2022 10:46:23 +0800</pubDate><guid>https://vandenboom.online/fr/docs/layouts/landing/</guid><description><![CDATA[<p>Dans cet article, nous parlerons de la mise en page de la page de destination, cela pourrait vous intéresser si vous envisagez de personnaliser les pages de manière Markdown.</p>
<!--plus-->

<h2 id="quest-ce-que-cest-" data-numberify>Qu’est-ce que c’est ?<a class="anchor ms-1" href="#quest-ce-que-cest-"></a></h2>
<p>La mise en page de la page de destination n&rsquo;est qu&rsquo;un conteneur squelette, le corps est composé de trois parties : la barre supérieure de l&rsquo;application, le contenu de la page et le pied de page.</p>]]></description></item><item><title>Disposition des documents</title><link>https://vandenboom.online/fr/docs/layouts/docs/</link><pubDate>Wed, 12 Jan 2022 10:56:34 -0800</pubDate><guid>https://vandenboom.online/fr/docs/layouts/docs/</guid><description><![CDATA[<p>Dans cet article, nous explorerons la mise en page <code>docs</code>, qui peut être utilisée pour rédiger de la documentation de projet, des notes personnelles, etc.</p>
<!--plus-->
<blockquote>
<p>Si vous envisagez d&rsquo;utiliser la mise en page <code>docs</code> sur d&rsquo;autres sections (<code>notes</code>), veuillez jeter un œil à la page <a href="https://vandenboom.online/fr/docs/content/">Contenu</a>.</p>
</blockquote>

<h2 id="mise-en-page" data-numberify>Mise en page<a class="anchor ms-1" href="#mise-en-page"></a></h2>
<p>La mise en page <code>docs</code> se compose de trois sections, du début à la fin : barre de navigation du document, contenu du document et barre latérale.</p>]]></description><enclosure url="https://vandenboom.online/docs/layouts/docs/featured.png" length="157833" type="image/png"/></item><item><title>Disposition de la FAQ</title><link>https://vandenboom.online/fr/docs/layouts/faq/</link><pubDate>Tue, 07 Dec 2021 21:46:43 +0800</pubDate><guid>https://vandenboom.online/fr/docs/layouts/faq/</guid><description><![CDATA[<p>La page <a href="https://vandenboom.online/fr/faq/">FAQ</a> est une collection de questions fréquemment posées.</p>
<!--plus-->

<h2 id="prérequis" data-numberify>Prérequis<a class="anchor ms-1" href="#prérequis"></a></h2>
<p>Nous devons créer une page appelée <code>faq/index.md</code> dans le répertoire <code>content</code>.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="ln">1</span><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="ln">2</span><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Frequently Asked Questions&#34;</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="nx">layout</span> <span class="p">=</span> <span class="s2">&#34;faq&#34;</span>
</span></span><span class="line"><span class="ln">4</span><span class="cl"><span class="err">+++</span>
</span></span></code></pre></div>
<h2 id="données" data-numberify>Données<a class="anchor ms-1" href="#données"></a></h2>
<p>Les données sont stockées dans le répertoire <code>data</code>, la structure des répertoires est la suivante :</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="ln">1</span><span class="cl">data
</span></span><span class="line"><span class="ln">2</span><span class="cl">  /en
</span></span><span class="line"><span class="ln">3</span><span class="cl">    /faq
</span></span><span class="line"><span class="ln">4</span><span class="cl">      foo.json
</span></span><span class="line"><span class="ln">5</span><span class="cl">      bar.json
</span></span><span class="line"><span class="ln">6</span><span class="cl">  /zh-cn
</span></span><span class="line"><span class="ln">7</span><span class="cl">    /faq
</span></span><span class="line"><span class="ln">8</span><span class="cl">      foo.json
</span></span><span class="line"><span class="ln">9</span><span class="cl">      bar.json
</span></span></code></pre></div><p>Comme vous pouvez le constater, nous classons les questions selon leur langue. Et chaque fichier représente un groupe de questions, qui a le même format comme suit :</p>]]></description></item><item><title>Disposition de la recherche</title><link>https://vandenboom.online/fr/docs/layouts/search/</link><pubDate>Fri, 03 Dec 2021 11:16:51 +0800</pubDate><guid>https://vandenboom.online/fr/docs/layouts/search/</guid><description><![CDATA[<p>Il peut être difficile pour les lecteurs de récupérer un article s&rsquo;il y a de nombreux articles sur votre site, c&rsquo;est pourquoi nous avons ajouté la fonction de recherche.</p>
<!--plus-->

<h2 id="prérequis" data-numberify>Prérequis<a class="anchor ms-1" href="#prérequis"></a></h2>
<p>Tout ce que vous avez à faire est de créer une page appelée <code>search/_index.md</code> dans le répertoire <code>content</code>.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="ln">1</span><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="ln">2</span><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Search&#34;</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="err">+++</span>
</span></span></code></pre></div>
<h2 id="paramètres-du-site" data-numberify>Paramètres du site<a class="anchor ms-1" href="#paramètres-du-site"></a></h2>
<table>
	<thead>
			<tr>
					<th>Nom</th>
					<th style="text-align: center">Tapez</th>
					<th style="text-align: center">Par défaut</th>
					<th>Descriptif</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td><code>search</code></td>
					<td style="text-align: center">Objet</td>
					<td style="text-align: center">-</td>
					<td>Configuration de la recherche.</td>
			</tr>
			<tr>
					<td><code>search.paginate</code></td>
					<td style="text-align: center">Entier</td>
					<td style="text-align: center"><code>10</code></td>
					<td>Pagination.</td>
			</tr>
			<tr>
					<td><code>search.indexPaginate</code></td>
					<td style="text-align: center">Entier</td>
					<td style="text-align: center"><code>1000</code></td>
					<td>Pagination du fichier d&rsquo;index.</td>
			</tr>
			<tr>
					<td><code>search.indexPreload</code></td>
					<td style="text-align: center">Booléen</td>
					<td style="text-align: center"><code>true</code></td>
					<td>S&rsquo;il faut précharger les index de recherche.</td>
			</tr>
			<tr>
					<td><code>search.maxResults</code></td>
					<td style="text-align: center">Numéro</td>
					<td style="text-align: center"><code>100</code></td>
					<td>Le nombre maximum de résultats de recherche.</td>
			</tr>
			<tr>
					<td><code>search.resultContentCharactersCount</code></td>
					<td style="text-align: center">Entier</td>
					<td style="text-align: center"><code>240</code></td>
					<td>Nombre maximal de caractères du contenu du résultat à afficher.</td>
			</tr>
			<tr>
					<td><code>search.shortcut</code></td>
					<td style="text-align: center">Tableau</td>
					<td style="text-align: center"><code>[&quot;/&quot;]</code></td>
					<td>Le raccourci de recherche, c&rsquo;est-à-dire <code>[&quot;Control&quot;, &quot;/&quot;]</code>, désactivez-le par un tableau vide <code>[]</code>.</td>
			</tr>
			<tr>
					<td><code>search.fuse</code></td>
					<td style="text-align: center">Objet</td>
					<td style="text-align: center">-</td>
					<td><a href="https://fusejs.io/api/options.html" target="_blank" rel="noopener noreferrer">Options de Fuse.js<i class="fas fa-external-link-square-alt ms-1"></i></a>.</td>
			</tr>
			<tr>
					<td><code>search.fuse.ignoreLocation</code></td>
					<td style="text-align: center">Booléen</td>
					<td style="text-align: center"><code>true</code></td>
					<td></td>
			</tr>
			<tr>
					<td><code>search.fuse.location</code></td>
					<td style="text-align: center">Entier</td>
					<td style="text-align: center">-</td>
					<td></td>
			</tr>
			<tr>
					<td><code>search.fuse.isCaseSensitive</code></td>
					<td style="text-align: center">Booléen</td>
					<td style="text-align: center">-</td>
					<td></td>
			</tr>
			<tr>
					<td><code>search.fuse.minMatchCharLength</code></td>
					<td style="text-align: center">Entier</td>
					<td style="text-align: center">-</td>
					<td></td>
			</tr>
			<tr>
					<td><code>search.fuse.threshold</code></td>
					<td style="text-align: center">Double</td>
					<td style="text-align: center">-</td>
					<td></td>
			</tr>
			<tr>
					<td><code>search.fuse.distance</code></td>
					<td style="text-align: center">Entier</td>
					<td style="text-align: center">-</td>
					<td></td>
			</tr>
			<tr>
					<td><code>search.fuse.useExtendedSearch</code></td>
					<td style="text-align: center">Booléen</td>
					<td style="text-align: center">-</td>
					<td></td>
			</tr>
	</tbody>
</table>]]></description></item><item><title>Disposition des archives</title><link>https://vandenboom.online/fr/docs/layouts/archives/</link><pubDate>Fri, 03 Dec 2021 11:16:51 +0800</pubDate><guid>https://vandenboom.online/fr/docs/layouts/archives/</guid><description><![CDATA[<p>La page d&rsquo;archives est une collection de messages regroupés par année.</p>
<!--plus-->

<h2 id="prérequis" data-numberify>Prérequis<a class="anchor ms-1" href="#prérequis"></a></h2>
<p>Les pages ne sont pas créées automatiquement, il faut d&rsquo;abord créer des sections d&rsquo;archives :</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="ln">1</span><span class="cl">$ tree content/archives
</span></span><span class="line"><span class="ln">2</span><span class="cl">├── <span class="m">2021</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl">│   ├── _index.md
</span></span><span class="line"><span class="ln">4</span><span class="cl">├── <span class="m">2022</span>
</span></span><span class="line"><span class="ln">5</span><span class="cl">│   ├── _index.md
</span></span><span class="line"><span class="ln">6</span><span class="cl">├── _index.md
</span></span></code></pre></div><p>Le contenu de ces fichiers contient simplement un paramètre <code>title</code>.</p>

<h2 id="paramètres-du-site" data-numberify>Paramètres du site<a class="anchor ms-1" href="#paramètres-du-site"></a></h2>
<table>
	<thead>
			<tr>
					<th>Nom</th>
					<th style="text-align: center">Tapez</th>
					<th style="text-align: center">Par défaut</th>
					<th>Descriptif</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td><code>archive</code></td>
					<td style="text-align: center">Objet</td>
					<td style="text-align: center">-</td>
					<td>Archive.</td>
			</tr>
			<tr>
					<td><code>archive.dateFormat</code></td>
					<td style="text-align: center">Chaîne</td>
					<td style="text-align: center"><code>Jan 2</code></td>
					<td>Format de date d&rsquo;archivage.</td>
			</tr>
			<tr>
					<td><code>archive.monthFormat</code></td>
					<td style="text-align: center">Chaîne</td>
					<td style="text-align: center"><code>January</code></td>
					<td>Format du mois d&rsquo;archive, par ex. <code>1</code>, <code>01</code>, <code>Jan</code> et <code>January</code>.</td>
			</tr>
			<tr>
					<td><code>archive.basePath</code></td>
					<td style="text-align: center">Chaîne</td>
					<td style="text-align: center"><code>/archives</code></td>
					<td></td>
			</tr>
	</tbody>
</table>]]></description></item><item><title>Formulaire de contact</title><link>https://vandenboom.online/fr/docs/layouts/contact/</link><pubDate>Tue, 30 Nov 2021 23:56:00 +0800</pubDate><guid>https://vandenboom.online/fr/docs/layouts/contact/</guid><description><![CDATA[<p>Nous pouvons mettre notre adresse e-mail sur <a href="https://vandenboom.online/fr/docs/widgets/social-links/">liens sociaux</a> afin que les lecteurs puissent nous contacter. Malheureusement, les emails seront plus ou moins traités comme du spam et même filtrés.
Par conséquent, nous apportons une fonctionnalité appelée formulaire de contact.</p>
<!--plus-->

<h2 id="prérequis" data-numberify>Prérequis<a class="anchor ms-1" href="#prérequis"></a></h2>
<p>Nous devons créer une page de contact appelée <code>contact/index.md</code> dans le répertoire <code>content</code>, afin de pouvoir accéder au formulaire de contact.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="ln">1</span><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="ln">2</span><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Contact Us&#34;</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="nx">layout</span> <span class="p">=</span> <span class="s2">&#34;contact&#34;</span>
</span></span><span class="line"><span class="ln">4</span><span class="cl"><span class="err">+++</span>
</span></span></code></pre></div><p>Une fois créé, le lien apparaîtra dans le widget de profil.</p>]]></description></item></channel></rss>