<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title>Alpern</title>
    <subtitle>Passionné en informatique depuis mes débuts en 1979. Je partage en toute liberté ici.</subtitle>
    <link rel="self" type="application/atom+xml" href="https://alpern.codeberg.page/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://alpern.codeberg.page"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-09-30T00:00:00+00:00</updated>
    <id>https://alpern.codeberg.page/atom.xml</id>
    <entry xml:lang="en">
        <title>La syntaxe pour la rédaction</title>
        <published>2026-09-30T00:00:00+00:00</published>
        <updated>2026-09-30T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/docs/mes-outils/devlab/tera-components/"/>
        <id>https://alpern.codeberg.page/docs/mes-outils/devlab/tera-components/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/docs/mes-outils/devlab/tera-components/">&lt;h1 id=&quot;syntaxe-tera-composents-et-markdow&quot;&gt;Syntaxe tera composents et markdow.&lt;a class=&quot;zola-anchor&quot; href=&quot;#syntaxe-tera-composents-et-markdow&quot; aria-label=&quot;Anchor link for: syntaxe-tera-composents-et-markdow&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;tera-composents&quot;&gt;Tera composents&lt;a class=&quot;zola-anchor&quot; href=&quot;#tera-composents&quot; aria-label=&quot;Anchor link for: tera-composents&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;icon&quot;&gt;Icon&lt;a class=&quot;zola-anchor&quot; href=&quot;#icon&quot; aria-label=&quot;Anchor link for: icon&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;&lt;span class=&quot;content-icon content-icon-inline&quot; aria-hidden=&quot;true&quot;&gt;&lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M9 19c-5 1.5-5-2.5-7-3m14 6v-3.9a3.4 3.4 0 0 0-.9-2.6c3.2-.4 6.5-1.6 6.5-7a5.4 5.4 0 0 0-1.5-3.7 5 5 0 0 0-.1-3.8s-1.2-.4-3.9 1.4a13.3 13.3 0 0 0-7.1 0C6.5 2.8 5.2 3.2 5.2 3.2a5 5 0 0 0-.1 3.8A5.4 5.4 0 0 0 3.6 10.7c0 5.4 3.3 6.6 6.5 7a3.4 3.4 0 0 0-.9 2.6V24&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span class=&quot;content-icon content-icon-inline&quot; aria-hidden=&quot;true&quot;&gt;&lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2Z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M16.2 8.2 12 15l-4.2-6.8h8.4Z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
&lt;/span&gt;&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{{&amp;lt;devlab.icon name=&amp;quot;github&amp;quot; /&amp;gt;}}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{{&amp;lt;devlab.icon name=&amp;quot;codeberg&amp;quot; /&amp;gt;}}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;cards&quot;&gt;Cards&lt;a class=&quot;zola-anchor&quot; href=&quot;#cards&quot; aria-label=&quot;Anchor link for: cards&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;a class=&quot;card&quot; href=&quot;https://alpern.codeberg.page/docs/mes-outils/&quot;&gt;
  &lt;h3 class=&quot;card-title&quot;&gt;Fast setup&lt;/h3&gt;
  &lt;div class=&quot;card-body&quot;&gt;
    &lt;p&gt;Start building your documentation site with Zola.&lt;/p&gt;
  &lt;/div&gt;
&lt;/a&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;devlab.card title=&amp;quot;Fast setup&amp;quot; href=&amp;quot;@/docs/mes-outils/_index.md&amp;quot; content_lang={lang}&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Start building your documentation site with Zola.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;/devlab.card&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;callouts&quot;&gt;Callouts&lt;a class=&quot;zola-anchor&quot; href=&quot;#callouts&quot; aria-label=&quot;Anchor link for: callouts&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;div class=&quot;callout callout--info&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;info&lt;/p&gt;
  &lt;p&gt;Use &lt;code&gt;zola serve&lt;/code&gt; while writing.&lt;/p&gt;
&lt;/div&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;devlab.callout type=&amp;quot;info&amp;quot;&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Use `zola serve` while writing.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;/devlab.callout&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;callout callout--warning&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;warning&lt;/p&gt;
  &lt;p&gt;Attention:
Les &lt;code&gt;Shortcodes&lt;/code&gt; ont été retirés en version de zola 0.23. Zola utilise les composents de &#39;Tera&#39;. Ces composents
peuvent être utilisés dans vos contenu et aussi dans vos templates..&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--error&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Erreur&lt;/p&gt;
  &lt;p&gt;Erreur disque plein.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Conseil&lt;/p&gt;
  &lt;p&gt;Utilisez &lt;code&gt;zola check&lt;/code&gt;
pour détecter les liens obsolette.&lt;/p&gt;
&lt;/div&gt;
&lt;h3 id=&quot;details&quot;&gt;Détails&lt;a class=&quot;zola-anchor&quot; href=&quot;#details&quot; aria-label=&quot;Anchor link for: details&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Details cache l&#39;informatin avec une ouverture.&lt;/p&gt;
&lt;details class=&quot;details&quot;&gt;
  &lt;summary class=&quot;details-summary&quot;&gt;
    &lt;span class=&quot;details-indicator&quot; aria-hidden=&quot;true&quot;&gt;&amp;rsaquo;&lt;/span&gt;
    What Zola version do I need?
  &lt;/summary&gt;
  &lt;div class=&quot;details-body&quot;&gt;
    &lt;p&gt;DevLab Theme requires Zola &lt;code&gt;0.23.4&lt;/code&gt;.&lt;/p&gt;
  &lt;/div&gt;
&lt;/details&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;devlab.details summary=&amp;quot;What Zola version do I need?&amp;quot;&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;DevLab Theme requires Zola `0.23.4`.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;/devlab.details&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;etapes&quot;&gt;Etapes&lt;a class=&quot;zola-anchor&quot; href=&quot;#etapes&quot; aria-label=&quot;Anchor link for: etapes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;div class=&quot;steps&quot;&gt;
  &lt;ol&gt;
&lt;li&gt;Install Zola.&lt;/li&gt;
&lt;li&gt;Add the theme.&lt;/li&gt;
&lt;li&gt;Run &lt;code&gt;zola serve&lt;/code&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;devlab.steps&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;1. Install Zola.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;2. Add the theme.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;3. Run `zola serve`.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &amp;lt;/devlab.steps&amp;gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;front-matter&quot;&gt;front matter&lt;a class=&quot;zola-anchor&quot; href=&quot;#front-matter&quot; aria-label=&quot;Anchor link for: front-matter&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++toml&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;date = 2026-08-28&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;updated = 2026-08-31&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;title = &amp;quot;Diagramme Mermaid&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;description = &amp;quot;Un premier test des diagram mermaid&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;author = [&amp;quot;Alain Pernelle&amp;quot;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[taxonomies]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;tags = [&amp;quot;test&amp;quot;,&amp;quot;use&amp;quot;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;mermaid = true&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;markdown&quot;&gt;Markdown&lt;a class=&quot;zola-anchor&quot; href=&quot;#markdown&quot; aria-label=&quot;Anchor link for: markdown&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;quote&quot;&gt;Quote&lt;a class=&quot;zola-anchor&quot; href=&quot;#quote&quot; aria-label=&quot;Anchor link for: quote&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;This is a quote.
New line where the blockquote continues without the &amp;gt; symbol.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&quot;note-de-bas-de-page&quot;&gt;Note de bas de page&lt;a class=&quot;zola-anchor&quot; href=&quot;#note-de-bas-de-page&quot; aria-label=&quot;Anchor link for: note-de-bas-de-page&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Markdown est un langage de balisage léger&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; créé par John Gruber&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;, aujourd&#39;hui largement utilisé dans la rédaction&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;1&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;1&lt;/sup&gt;
&lt;p&gt;Markdown utilise une syntaxe simple pour formater le texte.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;2&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;2&lt;/sup&gt;
&lt;p&gt;John Gruber a créé Markdown en 2004.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;3&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;3&lt;/sup&gt;
&lt;p&gt;De nombreuses plateformes comme GitHub, Stack Overflow et les blogs supportent Markdown.&lt;/p&gt;
&lt;/div&gt;
&lt;h3 id=&quot;markdown-headings-h1-h6&quot;&gt;Markdown Headings (H1–H6)&lt;a class=&quot;zola-anchor&quot; href=&quot;#markdown-headings-h1-h6&quot; aria-label=&quot;Anchor link for: markdown-headings-h1-h6&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;# H1&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;## H2&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;### H3&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;#### H4&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;##### H5&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;###### H6&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;strong&gt;Rendu&lt;/strong&gt;&lt;/p&gt;
&lt;h1 id=&quot;h1&quot;&gt;H1&lt;a class=&quot;zola-anchor&quot; href=&quot;#h1&quot; aria-label=&quot;Anchor link for: h1&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;h2&quot;&gt;H2&lt;a class=&quot;zola-anchor&quot; href=&quot;#h2&quot; aria-label=&quot;Anchor link for: h2&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;h3&quot;&gt;H3&lt;a class=&quot;zola-anchor&quot; href=&quot;#h3&quot; aria-label=&quot;Anchor link for: h3&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;h4 id=&quot;h4&quot;&gt;H4&lt;a class=&quot;zola-anchor&quot; href=&quot;#h4&quot; aria-label=&quot;Anchor link for: h4&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h4&gt;
&lt;h5 id=&quot;h5&quot;&gt;H5&lt;a class=&quot;zola-anchor&quot; href=&quot;#h5&quot; aria-label=&quot;Anchor link for: h5&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h5&gt;
&lt;h6 id=&quot;h6&quot;&gt;H6&lt;a class=&quot;zola-anchor&quot; href=&quot;#h6&quot; aria-label=&quot;Anchor link for: h6&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h6&gt;
&lt;h3 id=&quot;bold-italic-and-emphasis&quot;&gt;Bold, Italic, and Emphasis&lt;a class=&quot;zola-anchor&quot; href=&quot;#bold-italic-and-emphasis&quot; aria-label=&quot;Anchor link for: bold-italic-and-emphasis&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;*Italic* or _italic_&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;**Bold** or __bold__&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;***Bold and italic*** or ___bold and italic___&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;em&gt;Italic&lt;/em&gt; or &lt;em&gt;italic&lt;/em&gt;
&lt;strong&gt;Bold&lt;/strong&gt; or &lt;strong&gt;bold&lt;/strong&gt;
&lt;em&gt;&lt;strong&gt;Bold and italic&lt;/strong&gt;&lt;/em&gt; or _&lt;strong&gt;bold and italic&lt;/strong&gt;&lt;/p&gt;
&lt;h3 id=&quot;ordered-and-unordered-lists&quot;&gt;Ordered and Unordered Lists&lt;a class=&quot;zola-anchor&quot; href=&quot;#ordered-and-unordered-lists&quot; aria-label=&quot;Anchor link for: ordered-and-unordered-lists&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;h4 id=&quot;unordered-lists&quot;&gt;Unordered Lists&lt;a class=&quot;zola-anchor&quot; href=&quot;#unordered-lists&quot; aria-label=&quot;Anchor link for: unordered-lists&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h4&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;- Item 1&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;- Item 2&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  - Subitem 1&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  - Subitem 2&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;
&lt;li&gt;Item 1&lt;/li&gt;
&lt;li&gt;Item 2
&lt;ul&gt;
&lt;li&gt;Subitem 1&lt;/li&gt;
&lt;li&gt;Subitem 2&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&quot;ordered-lists&quot;&gt;Ordered Lists&lt;a class=&quot;zola-anchor&quot; href=&quot;#ordered-lists&quot; aria-label=&quot;Anchor link for: ordered-lists&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h4&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;1. First item&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;2. Second item&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;   1. Subitem 1&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;   2. Subitem 2&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;ol&gt;
&lt;li&gt;First item&lt;/li&gt;
&lt;li&gt;Second item
&lt;ol&gt;
&lt;li&gt;Subitem 1&lt;/li&gt;
&lt;li&gt;Subitem 2&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&quot;hyperlinks-in-markdown&quot;&gt;Hyperlinks in Markdown&lt;a class=&quot;zola-anchor&quot; href=&quot;#hyperlinks-in-markdown&quot; aria-label=&quot;Anchor link for: hyperlinks-in-markdown&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[Link text](URL)&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[cette page](http://192.168.1.47:8080/markdowwn-Tricheur-page.html)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;http://192.168.1.47:8080/markdowwn-Tricheur-page.html&quot;&gt;cette page&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&quot;embedding-images&quot;&gt;Embedding Images&lt;a class=&quot;zola-anchor&quot; href=&quot;#embedding-images&quot; aria-label=&quot;Anchor link for: embedding-images&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;Attention utilisation de underscore dans le nom de fichier semble proscrit dans mdbook.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;![Alt Text](Image URL)&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;&amp;lt;img src=&amp;quot;/images/perso/Balade/1.jpg&amp;quot; alt=&amp;quot;Description&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;300&amp;quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;img src=&quot;/images/perso/Balade/1.jpg&quot; alt=&quot;Description&quot; width=&quot;600&quot; height=&quot;300&quot;&gt;
&lt;h3 id=&quot;blockquotes-and-nested-quotes&quot;&gt;Blockquotes and Nested Quotes&lt;a class=&quot;zola-anchor&quot; href=&quot;#blockquotes-and-nested-quotes&quot; aria-label=&quot;Anchor link for: blockquotes-and-nested-quotes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;&amp;gt; This is a blockquote.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;This is a blockquote.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&quot;inline-code-and-fenced-code-blocks&quot;&gt;Inline Code and Fenced Code Blocks&lt;a class=&quot;zola-anchor&quot; href=&quot;#inline-code-and-fenced-code-blocks&quot; aria-label=&quot;Anchor link for: inline-code-and-fenced-code-blocks&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;You can add inline code by wrapping it in backticks (` ). For code blocks, use triple backticks (``` ) before and after the code.&lt;/p&gt;
&lt;p&gt;```python
python def hello_world(): print(&quot;Hello, World!&quot;)
```&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;python&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;python&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; def&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; hello_world&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; print&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Hello, World!&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;horizontal-rules-dividers&quot;&gt;Horizontal Rules (Dividers)&lt;a class=&quot;zola-anchor&quot; href=&quot;#horizontal-rules-dividers&quot; aria-label=&quot;Anchor link for: horizontal-rules-dividers&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Horizontal rules are created using three or more dashes (—), asterisks (***), or underscores (___).&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;h3 id=&quot;tables&quot;&gt;Tables&lt;a class=&quot;zola-anchor&quot; href=&quot;#tables&quot; aria-label=&quot;Anchor link for: tables&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Tables in Markdown are created using pipes (|) and hyphens (-).&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Example&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;| Header 1 | Header 2 |&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;|----------|----------|&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;| Cell 1   | Cell 2   |&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;| Cell 3   | Cell 4   |&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Example&lt;/p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Header 1&lt;/th&gt;&lt;th&gt;Header 2&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;Cell 1&lt;/td&gt;&lt;td&gt;Cell 2&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Cell 3&lt;/td&gt;&lt;td&gt;Cell 4&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h3 id=&quot;task-lists-checkboxes&quot;&gt;Task Lists (Checkboxes)&lt;a class=&quot;zola-anchor&quot; href=&quot;#task-lists-checkboxes&quot; aria-label=&quot;Anchor link for: task-lists-checkboxes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Task lists are a special type of list that allows you to create checkboxes.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Example&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;- [x] Completed task&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;- [ ] Incomplete task&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Example&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
Completed task&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Incomplete task&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;strikethrough-text&quot;&gt;Strikethrough Text&lt;a class=&quot;zola-anchor&quot; href=&quot;#strikethrough-text&quot; aria-label=&quot;Anchor link for: strikethrough-text&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Strikethrough text is created using double tildes (~~).&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;~~This is strikethrough text.~~&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;del&gt;This is strikethrough text.&lt;/del&gt;&lt;/p&gt;
&lt;h3 id=&quot;text-highlighting&quot;&gt;Text Highlighting&lt;a class=&quot;zola-anchor&quot; href=&quot;#text-highlighting&quot; aria-label=&quot;Anchor link for: text-highlighting&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Highlighting text is not natively supported in Markdown, but some renderers support it using the == syntax.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;==This is highlighted text.==&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;==This is highlighted text.==&lt;/p&gt;
&lt;h3 id=&quot;subscripts-and-superscripts&quot;&gt;Subscripts and Superscripts&lt;a class=&quot;zola-anchor&quot; href=&quot;#subscripts-and-superscripts&quot; aria-label=&quot;Anchor link for: subscripts-and-superscripts&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Subscripts are created using a caret (^) before the text, and superscripts are created using a tilde (~) before the text.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;H~2~O is water.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;E = mc^2&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;H~2~O is water.
E = mc^2&lt;/p&gt;
&lt;h3 id=&quot;math-equations-latex-syntax&quot;&gt;Math Equations (LaTeX Syntax)&lt;a class=&quot;zola-anchor&quot; href=&quot;#math-equations-latex-syntax&quot; aria-label=&quot;Anchor link for: math-equations-latex-syntax&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Math equations can be added using LaTeX syntax within dollar signs ($).&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;$$ E = mc^2 $$&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;$$ E = mc^2 $$&lt;/p&gt;
&lt;h3 id=&quot;math-equations-mathjax&quot;&gt;Math Equations (mathjax)&lt;a class=&quot;zola-anchor&quot; href=&quot;#math-equations-mathjax&quot; aria-label=&quot;Anchor link for: math-equations-mathjax&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;h4 id=&quot;inline&quot;&gt;inline&lt;a class=&quot;zola-anchor&quot; href=&quot;#inline&quot; aria-label=&quot;Anchor link for: inline&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h4&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;\\( \int x dx = \frac{x^2}{2} + C \\)&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;\( \int x dx = \frac{x^2}{2} + C \)&lt;/p&gt;
&lt;h4 id=&quot;blok&quot;&gt;blok&lt;a class=&quot;zola-anchor&quot; href=&quot;#blok&quot; aria-label=&quot;Anchor link for: blok&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h4&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;\\[ \mu = \frac{1}{N} \sum_{i=0} x_i \\]&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;\[ \mu = \frac{1}{N} \sum_{i=0} x_i \]&lt;/p&gt;
&lt;h3 id=&quot;escaping-special-characters&quot;&gt;Escaping Special Characters&lt;a class=&quot;zola-anchor&quot; href=&quot;#escaping-special-characters&quot; aria-label=&quot;Anchor link for: escaping-special-characters&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;To escape special characters, use a backslash ().&lt;/p&gt;
&lt;p&gt;Example&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;\*Italic\* or \_italic\_&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;*Italic* or _italic_&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>CLI tool</title>
        <published>2026-09-01T00:00:00+00:00</published>
        <updated>2026-09-01T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/projets/cli-tool/"/>
        <id>https://alpern.codeberg.page/projets/cli-tool/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/projets/cli-tool/">&lt;p&gt;Installation notes, examples and project links belong here.&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Généralité</title>
        <published>2026-09-01T00:00:00+00:00</published>
        <updated>2026-09-01T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/projets/securisation-du-domicile-generalite/"/>
        <id>https://alpern.codeberg.page/projets/securisation-du-domicile-generalite/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/projets/securisation-du-domicile-generalite/">&lt;p&gt;Installation notes, examples and project links belong here.&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Diagramme Mermaid</title>
        <published>2026-08-28T00:00:00+00:00</published>
        <updated>2026-08-31T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/docs/mes-outils/devlab/test-marmaid/"/>
        <id>https://alpern.codeberg.page/docs/mes-outils/devlab/test-marmaid/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/docs/mes-outils/devlab/test-marmaid/">&lt;h2 id=&quot;revision-des-pages-de-blog&quot;&gt;revision des pages de blog&lt;a class=&quot;zola-anchor&quot; href=&quot;#revision-des-pages-de-blog&quot; aria-label=&quot;Anchor link for: revision-des-pages-de-blog&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Ajouter dans le fontmatter&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;...&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;updated = 2026-07-13&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;...&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&quot;test&quot;&gt;Test&lt;a class=&quot;zola-anchor&quot; href=&quot;#test&quot; aria-label=&quot;Anchor link for: test&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;a-faire&quot;&gt;à faire&lt;a class=&quot;zola-anchor&quot; href=&quot;#a-faire&quot; aria-label=&quot;Anchor link for: a-faire&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
La page d&#39;accueil.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
Component mermaid.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Les tags visibles dans les articles.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Améliorer les contenus du site&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
La page blog à améliorer.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;an-entity-relationship-diagram-example&quot;&gt;An Entity Relationship diagram example&lt;a class=&quot;zola-anchor&quot; href=&quot;#an-entity-relationship-diagram-example&quot; aria-label=&quot;Anchor link for: an-entity-relationship-diagram-example&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;javascript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; &amp;lt;&lt;/span&gt;&lt;span&gt;devlab&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;diagram&lt;/span&gt;&lt;span&gt; id&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;distribution-architecture&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt; label&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Distribution architecture&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt; description&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;How repositories become desktop editions.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; %&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;flowchart&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; TD&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  upstream&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Arch Linux repositories&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  lycoris&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Lycoris repository&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  packages&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Arch packages&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  system&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Lycoris system&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  plasma&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Plasma edition&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  lxqt&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;LXQt edition&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  upstream&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; --&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; lycoris&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  upstream&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; --&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; packages&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  lycoris&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; --&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; system&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  packages&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; --&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; system&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  system&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; --&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; plasma&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  system&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; --&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; lxqt&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;devlab&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;diagram&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; %&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;figure class=&quot;content-diagram&quot; data-devlab-diagram data-diagram-state=&quot;loading&quot; data-diagram-source=&quot;CmZsb3djaGFydCBURAogIHVwc3RyZWFtWyJBcmNoIExpbnV4IHJlcG9zaXRvcmllcyJdCiAgbHljb3Jpc1siTHljb3JpcyByZXBvc2l0b3J5Il0KICBwYWNrYWdlc1siQXJjaCBwYWNrYWdlcyJdCiAgc3lzdGVtWyJMeWNvcmlzIHN5c3RlbSJdCiAgcGxhc21hWyJQbGFzbWEgZWRpdGlvbiJdCiAgbHhxdFsiTFhRdCBlZGl0aW9uIl0KCiAgdXBzdHJlYW0gLS0+IGx5Y29yaXMKICB1cHN0cmVhbSAtLT4gcGFja2FnZXMKICBseWNvcmlzIC0tPiBzeXN0ZW0KICBwYWNrYWdlcyAtLT4gc3lzdGVtCiAgc3lzdGVtIC0tPiBwbGFzbWEKICBzeXN0ZW0gLS0+IGx4cXQK&quot; data-diagram-error=&quot;Diagram could not be rendered.&quot;&gt;&lt;figcaption class=&quot;diagram-caption&quot;&gt;&lt;strong class=&quot;diagram-label&quot; id=&quot;distribution-architecture-label&quot; dir=&quot;auto&quot;&gt;Distribution architecture&lt;/strong&gt;&lt;span class=&quot;diagram-description&quot; id=&quot;distribution-architecture-description&quot; dir=&quot;auto&quot;&gt;How repositories become desktop editions.&lt;/span&gt;&lt;/figcaption&gt;&lt;div class=&quot;diagram-stage&quot; data-devlab-diagram-stage role=&quot;img&quot; aria-labelledby=&quot;distribution-architecture-label&quot; aria-describedby=&quot;distribution-architecture-description&quot; aria-busy=&quot;true&quot;&gt;&lt;/div&gt;&lt;noscript&gt;&lt;style&gt;.content-diagram[data-diagram-state=&quot;loading&quot;] .diagram-stage{display:none}&lt;/style&gt;&lt;p class=&quot;diagram-noscript&quot;&gt;Diagram could not be rendered.&lt;/p&gt;&lt;/noscript&gt;&lt;/figure&gt;&lt;script type=&quot;module&quot; src=&quot;https://alpern.codeberg.page/js/diagrams.js&quot;&gt;&lt;/script&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Pense bête Memos</title>
        <published>2026-03-15T00:00:00+00:00</published>
        <updated>2026-03-15T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/utilisation-de-memo-comme-pense-bete/"/>
        <id>https://alpern.codeberg.page/blog/utilisation-de-memo-comme-pense-bete/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/utilisation-de-memo-comme-pense-bete/">&lt;p&gt;Illustration :
Dessin de Kiki de Montparnasse tiré de la Vie parisienne du 3 juillet 1937: ** provient du site gallica.bnf.fr&lt;/p&gt;
&lt;h1 id=&quot;memos&quot;&gt;Memos&lt;a class=&quot;zola-anchor&quot; href=&quot;#memos&quot; aria-label=&quot;Anchor link for: memos&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Memos est une application open-source pour la prise de notes de façon très simple (en mode markdown).&lt;/p&gt;
&lt;p&gt;Les mémos peuvent êtres organisés très simplement avec des &quot;hashtag&quot; et certains raccourcis.&lt;/p&gt;
&lt;p&gt;J&#39;ai choisi mémos car les données restent les miennes, je les posséde, aucun traçage.&lt;/p&gt;
&lt;h1 id=&quot;installation-memos&quot;&gt;Installation Memos&lt;a class=&quot;zola-anchor&quot; href=&quot;#installation-memos&quot; aria-label=&quot;Anchor link for: installation-memos&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;L&#39;installation dans un containeur LXD Incus est très simple.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;shellscript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;  #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt; Création du containeur à partir d&amp;#39;une image minimal alpine que j&amp;#39;ai créé auparavant.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;  #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt; eb3eed477a06 est l&amp;#39;ID de cett image&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  incus&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; launch&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; eb3eed477a06&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;  -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;-device&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; root,size=24GiB&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; alpine-memo&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  incus&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; list&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  +------------------+---------+---------------------+------+-----------------+-----------+&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;  |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;       NAME&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;       |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  STATE&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;  |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;        IPV4&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;         |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; IPV6&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;      TYPE&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;       |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; SNAPSHOTS&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; |&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  +------------------+---------+---------------------+------+-----------------+-----------+&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;  |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; alpine-memo&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;      |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; RUNNING&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; 10.152.74.93&lt;/span&gt;&lt;span&gt; (eth0&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;|&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;      |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; CONTAINER&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;       |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; 0&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;         |&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  +------------------+---------+---------------------+------+-----------------+-----------+&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;  #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt; Connection à mon conteneur&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  incus&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; exec&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; alpine-memo&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; su&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;l&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; alain&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt; #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt; téléchargement du binaire&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  wget&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; https://github.com/usememos/memos/releases/download/v0.26.2/memos_0.26.2_linux_amd64.tar.gz&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  tar&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; xvzf&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; memos_0.26.2_linux_amd64.tar.gz&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;  #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt; Lancement manuel&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  ./memos&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;-addr&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; 10.152.74.93&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&quot;connexion-au-serveur-a-partir-de-mon-pc&quot;&gt;Connexion au serveur à partir de mon PC&lt;a class=&quot;zola-anchor&quot; href=&quot;#connexion-au-serveur-a-partir-de-mon-pc&quot; aria-label=&quot;Anchor link for: connexion-au-serveur-a-partir-de-mon-pc&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Sous Firefox http://10.152.74.93:8081/&lt;/p&gt;
&lt;h1 id=&quot;a-faire&quot;&gt;A Faire&lt;a class=&quot;zola-anchor&quot; href=&quot;#a-faire&quot; aria-label=&quot;Anchor link for: a-faire&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Etendre l&#39;utilisation à l&#39;internet en montant un reverse proxy.&lt;/p&gt;
&lt;h1 id=&quot;le-site-officiel&quot;&gt;Le site officiel&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-site-officiel&quot; aria-label=&quot;Anchor link for: le-site-officiel&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://usememos.com/&quot;&gt;site memos&lt;/a&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Balade à pied</title>
        <published>2026-03-09T00:00:00+00:00</published>
        <updated>2026-03-09T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/balade-a-pied-orgemont-chataignier/"/>
        <id>https://alpern.codeberg.page/blog/balade-a-pied-orgemont-chataignier/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/balade-a-pied-orgemont-chataignier/">&lt;p&gt;Illustration :&lt;/p&gt;
&lt;p&gt;Dessin de Chas-Laborde pour &quot;Claudine&quot; dans Le Crapouillot :  : ** provient du site gallica.bnf.fr&lt;/p&gt;
&lt;h1 id=&quot;une-balade-a-pied-chez-moi&quot;&gt;Une balade à pied chez moi.&lt;a class=&quot;zola-anchor&quot; href=&quot;#une-balade-a-pied-chez-moi&quot; aria-label=&quot;Anchor link for: une-balade-a-pied-chez-moi&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Je partage mes parcours pour vous donner des idées de promenades.&lt;/p&gt;
&lt;h1 id=&quot;histoire&quot;&gt;Histoire&lt;a class=&quot;zola-anchor&quot; href=&quot;#histoire&quot; aria-label=&quot;Anchor link for: histoire&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;Rino Della Negra, du football à la résistance&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Sur le parcours sa stèle où est gravée la lettre d’adieu à ses parents, à l’angle des rues Volembert et de Plante.
&lt;a rel=&quot;external&quot; href=&quot;https://www.argenteuil.fr/fr/actualites/rino-della-negra-du-football-la-resistance-un-argenteuillais-honore-par-la-nation&quot;&gt;lien vers l&#39;article du site de la ville d&#39;argenteuil&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&quot;les-photos&quot;&gt;Les Photos&lt;a class=&quot;zola-anchor&quot; href=&quot;#les-photos&quot; aria-label=&quot;Anchor link for: les-photos&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;img src=&quot;/images/perso/Balade/1.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/2.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/3.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/4.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/5.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/6.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/7.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/8.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/9.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/10.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/11.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/12.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/13.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/14.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/15.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
&lt;img src=&quot;/images/perso/Balade/16.jpg&quot; alt=&quot;Description&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Migration PC WINDOW vers linux</title>
        <published>2026-02-23T00:00:00+00:00</published>
        <updated>2026-02-23T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/migration-de-windows-vers-linux/"/>
        <id>https://alpern.codeberg.page/blog/migration-de-windows-vers-linux/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/migration-de-windows-vers-linux/">&lt;h1 id=&quot;migration-pc-windows&quot;&gt;Migration PC WINDOWS&lt;a class=&quot;zola-anchor&quot; href=&quot;#migration-pc-windows&quot; aria-label=&quot;Anchor link for: migration-pc-windows&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;J&#39;ai commencé la migration depuis mon PC Windows vers Linux.&lt;/p&gt;
&lt;p&gt;J&#39;ai installé un linux Mint en double boot. Je garde encore Windows au cas où.&lt;/p&gt;
&lt;p&gt;J&#39;ai restauré toutes mes données sur le linux, étant donné que j&#39;utilisais des applications opensource sous Windows compatibles linux.&lt;/p&gt;
&lt;h1 id=&quot;mes-applications&quot;&gt;Mes applications&lt;a class=&quot;zola-anchor&quot; href=&quot;#mes-applications&quot; aria-label=&quot;Anchor link for: mes-applications&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;qui sont également instalables sous Linux.&lt;/p&gt;
&lt;p&gt;Sous Mint je dispose maintenant:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Firefox&lt;/li&gt;
&lt;li&gt;disroot.org (mails)&lt;/li&gt;
&lt;li&gt;tuta (mails)&lt;/li&gt;
&lt;li&gt;Libre Office (suite bureautique)&lt;/li&gt;
&lt;li&gt;Gimp (dessin)&lt;/li&gt;
&lt;li&gt;FreeFileSync (sauvegarde)&lt;/li&gt;
&lt;li&gt;Zola (génération de sites statiques)&lt;/li&gt;
&lt;li&gt;mdbook (génération de livre, doc)&lt;/li&gt;
&lt;li&gt;Incus (Hyperviser)&lt;/li&gt;
&lt;li&gt;distrobuilder (constrution d&#39;image ou de contenair)&lt;/li&gt;
&lt;li&gt;Memos, prise de notes et plus, en remplacement de mon freemind (dans un container LXD sous incus)&lt;/li&gt;
&lt;li&gt;Gopass (gestion de mots de passe)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Mes dévelopements (amateur) eux se passaient sous une vm linux sur Virtual Box, J&#39;ai installé Incus et des  Containers systemes (LXD) pour mes développements.&lt;/p&gt;
&lt;p&gt;incus list&lt;/p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th style=&quot;text-align: left&quot;&gt;NAME&lt;/th&gt;&lt;th style=&quot;text-align: center&quot;&gt;STATE&lt;/th&gt;&lt;th style=&quot;text-align: center&quot;&gt;IPV4&lt;/th&gt;&lt;th style=&quot;text-align: center&quot;&gt;IPV6&lt;/th&gt;&lt;th style=&quot;text-align: center&quot;&gt;TYPE&lt;/th&gt;&lt;th style=&quot;text-align: center&quot;&gt;SNAPSHOTS&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;alpine-forgeojo&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.240 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:216:3eff:fe11:feb4 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;alpine-mdbook&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.92 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:216:3eff:feb4:9872 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;alpine-memos&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.30 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:216:3eff:fe14:e8a0 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;alpine-mochi&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.109 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:216:3eff:feae:82ca (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;alpine-ntfy&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.12 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:216:3eff:fe13:b6f3 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;alpine-sslproxy&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.108 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:216:3eff:fe96:d6f5 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;code&gt;ubuntu-influx&lt;/code&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;RUNNING&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;10.89.53.133 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;fd42:34b7:bb89:7957:1266:6aff:fe96:9c7 (eth0)&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;CONTAINER&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;p&gt;✅ Done
❌ To Do
⏳ Planned
🚧 In Progress&lt;/p&gt;
&lt;p&gt;Sur le container system (LXD) j&#39;ai installé le langage Go
J&#39;ai donc remplacé ma VM virtual Box pour ma migration vers Linux.&lt;/p&gt;
&lt;h1 id=&quot;gestion-des-mots-de-passe&quot;&gt;Gestion des mots de passe.&lt;a class=&quot;zola-anchor&quot; href=&quot;#gestion-des-mots-de-passe&quot; aria-label=&quot;Anchor link for: gestion-des-mots-de-passe&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Sous Windows j&#39;utilisais freemind avec une branche chiffrée pour les mots de passe.
Le java Oracle sous linux ne sembleplus être possible.
J&#39;ai donc choisi gopass, pour gérer mes mots de passe.&lt;/p&gt;
&lt;p&gt;Après une installation rapide et simple, une utilisation simple de gopass me conviens déjà.
Pour l&#39;instant j&#39;utilise trois commandes.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;gopass&lt;/span&gt;&lt;span&gt; create&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;gopass&lt;/span&gt;&lt;span&gt; show&lt;/span&gt;&lt;span&gt;  ameli&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;.&lt;/span&gt;&lt;span&gt;fr&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;gopass&lt;/span&gt;&lt;span&gt; show&lt;/span&gt;&lt;span&gt; website&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&quot;impression-generale&quot;&gt;Impression générale&lt;a class=&quot;zola-anchor&quot; href=&quot;#impression-generale&quot; aria-label=&quot;Anchor link for: impression-generale&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Je n&#39;ai pas fait de benchmark, et Linux est beaucoup plus rapide que mon Windows 11.&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Alternatives aux GAFAM</title>
        <published>2026-02-18T00:00:00+00:00</published>
        <updated>2026-02-18T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/alternatives-aux-gafam/"/>
        <id>https://alpern.codeberg.page/blog/alternatives-aux-gafam/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/alternatives-aux-gafam/">&lt;p&gt;Illustration : &lt;strong&gt;Peinture de Manguin&lt;/strong&gt; Dans la revue &quot;Le-crapouillot&quot; en mars 1926
: ** provient du site &lt;a rel=&quot;external&quot; href=&quot;https://gallica.bnf.fr/&quot;&gt;gallica.bnf.fr&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&quot;alternatives-aux-gafam&quot;&gt;Alternatives aux GAFAM&lt;a class=&quot;zola-anchor&quot; href=&quot;#alternatives-aux-gafam&quot; aria-label=&quot;Anchor link for: alternatives-aux-gafam&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Mes recherches sur les alternatives aux GAFAM.&lt;/p&gt;
&lt;p&gt;L&#39;objectif étant de trouvez des alternatives si possible basée en Europe, Suisse.&lt;/p&gt;
&lt;p&gt;Ces alternatives devant être opensource, respectant la vie privée, ne pistant pas.&lt;/p&gt;
&lt;h3 id=&quot;mobiles&quot;&gt;Mobiles&lt;a class=&quot;zola-anchor&quot; href=&quot;#mobiles&quot; aria-label=&quot;Anchor link for: mobiles&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Je recherche aussi une alternative pour mon smartphone android.
grapheneeos semble un projet interessant.
postmarketos egalement.&lt;/p&gt;
&lt;h1 id=&quot;mes-liens-sur-ce-sujet&quot;&gt;Mes liens sur ce sujet&lt;a class=&quot;zola-anchor&quot; href=&quot;#mes-liens-sur-ce-sujet&quot; aria-label=&quot;Anchor link for: mes-liens-sur-ce-sujet&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;le site &lt;a rel=&quot;external&quot; href=&quot;https://european-alternatives.eu/alternative-to/github&quot;&gt;alternative Europeenne&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Awasome Liste &lt;a rel=&quot;external&quot; href=&quot;https://github.com/pluja/awesome-privacy?tab=readme-ov-file&quot;&gt;awasome_liste&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Sur le site de Tuta &lt;a rel=&quot;external&quot; href=&quot;https://tuta.com/fr/blog/degoogle-list&quot;&gt;liens&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Sur le site de &lt;a rel=&quot;external&quot; href=&quot;https://blog.liberetonordi.com/index.php?post/quitter-Google&quot;&gt;libere ton ordi&lt;/a&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Quitter Google</title>
        <published>2026-02-14T00:00:00+00:00</published>
        <updated>2026-09-04T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/quitter-google/"/>
        <id>https://alpern.codeberg.page/blog/quitter-google/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/quitter-google/">&lt;p&gt;Illustration : Dessin de dunoyer de segonzac parue dans le journal Le crapouillot en Fevrier 1926.&lt;/p&gt;
&lt;p&gt;Ce billet dans lequel je vais décrire ma dé-googlisation.&lt;/p&gt;
&lt;p&gt;Dèjà quelques un de mes choix:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Messagegerie : disroot.org, tutanota.com.&lt;/li&gt;
&lt;li&gt;Recherche Web : &lt;a rel=&quot;external&quot; href=&quot;https://www.ecosia.org/&quot;&gt;ecosia&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Carte : Organic, puis Comaps, voir l&#39;articke de Korben&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;.&lt;/li&gt;
&lt;li&gt;Calendrier, rdv : tutanota.com&lt;/li&gt;
&lt;li&gt;Dépots de code : codeberg.org&lt;/li&gt;
&lt;li&gt;Site web : codeberg.org&lt;/li&gt;
&lt;li&gt;Visio-conference : Jitsi Meet &lt;a rel=&quot;external&quot; href=&quot;https://meet.jit.si/&quot;&gt;Jitsy Meet&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Réseau social : fediverse, mastodon, socialtech&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt; socialtchncs&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;1&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;1&lt;/sup&gt;
&lt;p&gt;Voir le site de Korben &lt;a rel=&quot;external&quot; href=&quot;https://korben.info/organic-maps-gps-offline-open-source.html&quot;&gt;Korben Article&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;2&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;2&lt;/sup&gt;
&lt;p&gt;Social.tchncs.de est l&#39;un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer aux fédiverses.&lt;/p&gt;
&lt;/div&gt;
&lt;h1 id=&quot;apres-les-choix-la-methode&quot;&gt;Après les choix, la méthode&lt;a class=&quot;zola-anchor&quot; href=&quot;#apres-les-choix-la-methode&quot; aria-label=&quot;Anchor link for: apres-les-choix-la-methode&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Pour la messagerie, j&#39;ai gardé mon compte et migre au fildu temps vers disroot en principale et tutanota en secondaire ou pour le chiffrement des mails.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;[!NOTE]
Highlights information that users should take into account, even when skimming.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1 id=&quot;les-liens-sur-ce-sujet&quot;&gt;Les liens sur ce sujet.&lt;a class=&quot;zola-anchor&quot; href=&quot;#les-liens-sur-ce-sujet&quot; aria-label=&quot;Anchor link for: les-liens-sur-ce-sujet&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://tuta.com/fr/blog/degoogle-list&quot;&gt;Un lien vers tuta blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://github.com/pluja/awesome-privacy&quot;&gt;liste awasome de Pluja&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://blog.iroco.co/pourquoi-quitter-github/&quot;&gt;Lien vers site Iroco.co &lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/images/List-of-google-alternatives-degoogle.UlkezuFF_ZGT6YV.png&quot; alt=&quot;image de tuta&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Mes Outils quotidiens</title>
        <published>2026-02-10T00:00:00+00:00</published>
        <updated>2026-09-04T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/mes-outils/"/>
        <id>https://alpern.codeberg.page/blog/mes-outils/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/mes-outils/">&lt;p&gt;Illustration : &lt;strong&gt;Peinture de Manguin&lt;/strong&gt; Dans la revue &quot;Le-crapouillot&quot; en mars 1926
: &lt;strong&gt;Provient du site&lt;/strong&gt; &lt;a rel=&quot;external&quot; href=&quot;https://gallica.bnf.fr/&quot;&gt;gallica.bnf.fr&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&quot;mes-outils&quot;&gt;Mes outils&lt;a class=&quot;zola-anchor&quot; href=&quot;#mes-outils&quot; aria-label=&quot;Anchor link for: mes-outils&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;auto-heberge-sur-incus&quot;&gt;Auto Hébergé sur incus&lt;a class=&quot;zola-anchor&quot; href=&quot;#auto-heberge-sur-incus&quot; aria-label=&quot;Anchor link for: auto-heberge-sur-incus&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Memos (usememos)&lt;/li&gt;
&lt;li&gt;Mdbook&lt;/li&gt;
&lt;li&gt;Forgejo&lt;/li&gt;
&lt;li&gt;Mochi&lt;/li&gt;
&lt;li&gt;Ntfy&lt;/li&gt;
&lt;li&gt;sslproxy&lt;/li&gt;
&lt;li&gt;TIG
&lt;ul&gt;
&lt;li&gt;Telegraf&lt;/li&gt;
&lt;li&gt;Influxdb&lt;/li&gt;
&lt;li&gt;Grafana&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;heberge-cher-codeberg-org&quot;&gt;Hébergé cher codeberg.org&lt;a class=&quot;zola-anchor&quot; href=&quot;#heberge-cher-codeberg-org&quot; aria-label=&quot;Anchor link for: heberge-cher-codeberg-org&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;pages site web généré avec zola&lt;/li&gt;
&lt;li&gt;mes dépôts&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;autres&quot;&gt;Autres&lt;a class=&quot;zola-anchor&quot; href=&quot;#autres&quot; aria-label=&quot;Anchor link for: autres&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;firefox&lt;/li&gt;
&lt;li&gt;gimp&lt;/li&gt;
&lt;li&gt;gopass&lt;/li&gt;
&lt;li&gt;zola&lt;/li&gt;
&lt;li&gt;devlab&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;site-internet&quot;&gt;Site Internet&lt;a class=&quot;zola-anchor&quot; href=&quot;#site-internet&quot; aria-label=&quot;Anchor link for: site-internet&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;εxodus - la plateforme d’audit de la vie privée des applications Android
&lt;ul&gt;
&lt;li&gt;&lt;a rel=&quot;external&quot; href=&quot;https://reports.exodus-privacy.eu.org/fr/&quot;&gt;exodus&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Pour mon smartphone, je vérifie les applications avant de les installer.&lt;/p&gt;
&lt;p&gt;J&#39;étudie le remplacement pour mon smartphone, vers postmarketos, fairphone, etc...&lt;/p&gt;
&lt;p&gt;En préparation&lt;/p&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Forgejo&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;Forgejo&lt;/code&gt; est une forge logicielle &lt;code&gt;libre et opensource&lt;/code&gt;, écrite en langage Go et dont l&#39;interface web contient du JavaScript pour sa partie dynamique, elle présente une interface web complète, et qui a la particularité de proposer la possibilité de fédération d&#39;instance via ActivityPub.
&lt;a rel=&quot;external&quot; href=&quot;https://ripetitor.codeberg.page/devlab-theme/&quot;&gt;devlab&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Incus&lt;/p&gt;
  &lt;p&gt;L’objectif d’&lt;code&gt;Incus&lt;/code&gt; est de fournir une alternative &lt;code&gt;entièrement communautaire&lt;/code&gt; à la LXD de Canonical et de fournir une occasion de corriger certaines erreurs qui ont été commises lors du développement de LXD qui ne pourraient pas être corrigées sans rompre la compatibilité arrière.
&lt;a rel=&quot;external&quot; href=&quot;https://linuxcontainers.org/incus/announcement/&quot;&gt;Incus&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Memo&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;Memos&lt;/code&gt; est une application open-source pour la prise de notes de façon très simple (en mode markdown)
&lt;a rel=&quot;external&quot; href=&quot;https://usememos.com/&quot;&gt;usememos.com&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;ssl-proxy&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;ssl-proxy&lt;/code&gt; est un proxy inversé qui ajoute TLS/SSL à votre serveur en une seule commande (intégrée dans Go). Il gère même la négociation, la création, et servir un certificat TLS/SSL valide pour votre domaine via LetsEncrypt dans une seule commande (et peut générer des certs auto-signés sur place si nécessaire aussi). Découvrez le projet sur GitHub.
&lt;a rel=&quot;external&quot; href=&quot;https://github.com/suyashkumar/ssl-proxy&quot;&gt;sslproxy&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Mochi&lt;/p&gt;
  &lt;p&gt;Le &lt;code&gt;serveur Go MQTT&lt;/code&gt; v5 haute performance entièrement conforme et intégré pour IoT, smarthome et pubsub&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Ntfy&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;ntfy&lt;/code&gt; est un simple service de notification pub-sous-notif basé sur HTTP. Il vous permet d&#39;envoyer des notifications à votre téléphone ou votre bureau via des scripts à partir de n&#39;importe quel ordinateur et / ou à l&#39;aide d&#39;une API REST. Il est infiniment flexible, et &lt;code&gt;100% logiciel libre&lt;/code&gt;.
&lt;a rel=&quot;external&quot; href=&quot;https://ntfy.sh/&quot;&gt;Ntfy.sh&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;T.I.G&lt;/p&gt;
  &lt;p&gt;Au cœur de la pile &lt;code&gt;T&lt;/code&gt; &lt;code&gt;I&lt;/code&gt; &lt;code&gt;G&lt;/code&gt; se trouve &lt;code&gt;InfluxDB&lt;/code&gt;, une plate-forme de base de données spécialement conçue pour collecter, traiter, transformer et stocker des données de séries chronologiques. InfluxDB est largement utilisé pour les applications nécessitant une surveillance en temps réel, des requêtes ultrarapides et des tableaux de bord interactifs, que vous suiviez les données des capteurs IoT, surveillez les performances des serveurs, analysez les marchés financiers ou assurez la fiabilité du réseau.
Collection des données vers InfluxDB 3 Core, avec &lt;code&gt;Telegraf&lt;/code&gt;.
Visualisation des données avec &lt;code&gt;Grafana&lt;/code&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Gopass&lt;/p&gt;
  &lt;p&gt;Le gestionnaire de mot de passe UNIX standard un peu plus génial pour les équipes.
Gérez vos informations d&#39;identification avec facilité. Dans une équipe distribuée à l&#39;échelle mondiale, sur plusieurs appareils ou entièrement hors ligne sur une machine à air.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Fonctionne partout - La même expérience utilisateur sur Linux, MacOS, *BSD ou Windows&lt;/li&gt;
&lt;li&gt;Construit pour les équipes - Construit à partir de notre expérience de travail dans les équipes de développement distribué&lt;/li&gt;
&lt;li&gt;Pleine autonomie - Aucune connectivité réseau requise, sauf si vous le souhaitez&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Zola&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;Zola&lt;/code&gt; est un seul exécutable écrit en &lt;code&gt;rust&lt;/code&gt; avec la compilation Sass, la mise en évidence syntaxique, la table des matières et de nombreuses autres caractéristiques qui nécessitent traditionnellement la mise en place d&#39;un environnement de développement ou en ajoutant des bibliothèques JavaScript à votre site.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Devlab&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;DevLab&lt;/code&gt; est un thème natif de Zola pour la documentation, les mises à jour de version et les projets logiciels. Un arbre de contenu pilote la barre latérale Docs, la navigation mobile, la chapelure et les liens précédents/suivants, tandis que Blog et Téléchargements fournissent des mises en page optionnelles en fonction de la version.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a rel=&quot;external&quot; href=&quot;https://ripetitor.codeberg.page/devlab-theme/&quot;&gt;Devlab&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;h1 id=&quot;mes-liens-sur-ce-sujet&quot;&gt;Mes liens sur ce sujet&lt;a class=&quot;zola-anchor&quot; href=&quot;#mes-liens-sur-ce-sujet&quot; aria-label=&quot;Anchor link for: mes-liens-sur-ce-sujet&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://connectemoi.eu/posts/itineraire_velo/&quot;&gt;conectemoi.eu&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://framablog.org/2026/02/18/reprenons-le-controle-de-notre-vie-numerique-des-maintenant/&quot;&gt;Framablog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;le site &lt;a rel=&quot;external&quot; href=&quot;https://european-alternatives.eu/alternative-to/github&quot;&gt;alternative Europeenne&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Awasome Litste &lt;a rel=&quot;external&quot; href=&quot;https://github.com/pluja/awesome-privacy?tab=readme-ov-file&quot;&gt;awasome_liste&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Sur le site de Tuta &lt;a rel=&quot;external&quot; href=&quot;https://tuta.com/fr/blog/degoogle-list&quot;&gt;liens&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Sur le site de &lt;a rel=&quot;external&quot; href=&quot;https://blog.liberetonordi.com/index.php?post/quitter-Google&quot;&gt;libere ton ordi&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Sur le site &lt;a rel=&quot;external&quot; href=&quot;https://aidelinux.gogocarto.fr/&quot;&gt;aidelinux.gogocarto.fr&lt;/a&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Comprendre sa dépendance aux GAFAM</title>
        <published>2026-02-07T00:00:00+00:00</published>
        <updated>2026-02-07T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/comprendre-la-dependance-aux-gafam/"/>
        <id>https://alpern.codeberg.page/blog/comprendre-la-dependance-aux-gafam/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/comprendre-la-dependance-aux-gafam/">&lt;img src=&quot;https://r2cdn.perplexity.ai/pplx-full-logo-primary-dark%402x.png&quot; style=&quot;height:64px;margin-right:32px&quot;/&gt;
&lt;h1 id=&quot;pouvez-vous-me-rediger-un-article-en-format-markdow-sur-le-sujet-les-gafam-et-ma-vie-privee&quot;&gt;Pouvez-vous me rédiger un article en format markdow sur le sujet : Les GAFAM et ma vie privée.&lt;a class=&quot;zola-anchor&quot; href=&quot;#pouvez-vous-me-rediger-un-article-en-format-markdow-sur-le-sujet-les-gafam-et-ma-vie-privee&quot; aria-label=&quot;Anchor link for: pouvez-vous-me-rediger-un-article-en-format-markdow-sur-le-sujet-les-gafam-et-ma-vie-privee&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Les GAFAM (Google, Apple, Facebook/Meta, Amazon, Microsoft) occupent une place centrale dans notre vie numérique et construisent une grande partie de leur modèle économique sur l’exploitation des données personnelles, ce qui pose des enjeux majeurs pour la vie privée des utilisateurs.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;introduction-qui-sont-les-gafam-et-pourquoi-ils-s-interessent-a-moi&quot;&gt;Introduction : qui sont les GAFAM et pourquoi ils s’intéressent à moi ?&lt;a class=&quot;zola-anchor&quot; href=&quot;#introduction-qui-sont-les-gafam-et-pourquoi-ils-s-interessent-a-moi&quot; aria-label=&quot;Anchor link for: introduction-qui-sont-les-gafam-et-pourquoi-ils-s-interessent-a-moi&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Les GAFAM regroupent cinq géants du numérique qui fournissent la plupart des services que nous utilisons au quotidien : moteur de recherche, messagerie, réseaux sociaux, stockage en ligne, achats, smartphones, systèmes d’exploitation, etc. Plus nous utilisons ces services, plus ces entreprises accumulent des informations sur nos habitudes, nos centres d’intérêt, notre localisation ou encore nos relations sociales.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;
Dans ce contexte, les &lt;strong&gt;données&lt;/strong&gt; sont souvent décrites comme le « nouvel or noir », car elles alimentent la publicité ciblée, l’optimisation des services et même certaines décisions politiques ou économiques.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;comment-les-gafam-collectent-mes-donnees&quot;&gt;Comment les GAFAM collectent mes données ?&lt;a class=&quot;zola-anchor&quot; href=&quot;#comment-les-gafam-collectent-mes-donnees&quot; aria-label=&quot;Anchor link for: comment-les-gafam-collectent-mes-donnees&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Les GAFAM collectent des données à travers une multitude d’interactions : recherches sur Google, likes sur Facebook, achats sur Amazon, utilisation d’un iPhone ou de Windows, assistants vocaux, services de cloud, etc. Chaque clic, chaque requête et chaque déplacement peut produire une information enregistrable, analysable et réutilisable.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#5&quot;&gt;4&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;Parmi les types de données collectées, on trouve :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Données d’identification (nom, email, numéro de téléphone, adresse IP).&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;Données comportementales (historique de navigation, temps passé sur une page, interactions avec des contenus).&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#4&quot;&gt;5&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#9&quot;&gt;6&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;Données sensibles ou très personnelles (opinions politiques, préférences religieuses, situation financière, origine ethnique, selon ce que l’on partage ou ce que l’algorithme déduit).&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;L’ampleur de cette collecte est considérable : le marché mondial de la donnée personnelle est estimé à près de 188 milliards de dollars, dont une grande partie liée à la publicité numérique ciblée.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;ce-que-les-gafam-font-de-mes-donnees&quot;&gt;Ce que les GAFAM font de mes données&lt;a class=&quot;zola-anchor&quot; href=&quot;#ce-que-les-gafam-font-de-mes-donnees&quot; aria-label=&quot;Anchor link for: ce-que-les-gafam-font-de-mes-donnees&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Une fois collectées, les données sont utilisées pour plusieurs objectifs principaux :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Personnalisation des services&lt;/strong&gt; : recommandations de vidéos, de produits, d’applications, résultats de recherche adaptés à votre profil.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#4&quot;&gt;5&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Publicité ciblée&lt;/strong&gt; : création de profils très détaillés permettant de montrer des publicités sur mesure, ce qui représente la majeure partie des revenus de plateformes comme Facebook (près de 98% de ses revenus viennent de la publicité ciblée).&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Profilage et influence&lt;/strong&gt; : constitution de profils comportementaux pouvant servir à influencer des choix de consommation, mais aussi des opinions ou des comportements (comme l’a montré l’affaire Cambridge Analytica autour de Facebook).&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#7&quot;&gt;7&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Ce modèle a un effet direct sur la vie privée : l’utilisateur peut avoir l’impression de bénéficier de services « gratuits », alors que le véritable prix payé est la collecte et l’exploitation de ses informations personnelles.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;menaces-pour-ma-vie-privee-quels-risques-concrets&quot;&gt;Menaces pour ma vie privée : quels risques concrets ?&lt;a class=&quot;zola-anchor&quot; href=&quot;#menaces-pour-ma-vie-privee-quels-risques-concrets&quot; aria-label=&quot;Anchor link for: menaces-pour-ma-vie-privee-quels-risques-concrets&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;L’impact des GAFAM sur la vie privée se manifeste à plusieurs niveaux :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Érosion de l’intimité&lt;/strong&gt; : la collecte massive permet de reconstituer des pans entiers de la vie d’une personne (relations, habitudes, opinions, déplacements), parfois sans qu’elle en ait pleinement conscience.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#5&quot;&gt;4&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Risque de fuites et de piratage&lt;/strong&gt; : plus les données sont centralisées chez quelques acteurs, plus les conséquences d’une violation de données sont importantes, avec des millions de dossiers exposés lors d’incidents recensés dans le monde.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#7&quot;&gt;7&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Utilisation non maîtrisée des données&lt;/strong&gt; : réutilisation à des fins marketing, profilage politique, revente ou partage avec des partenaires, parfois au-delà de ce que l’utilisateur imaginait au moment de donner son consentement.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Paradoxe de la confiance&lt;/strong&gt; : de nombreux utilisateurs se méfient désormais des GAFAM en matière de vie privée, tout en continuant à utiliser intensivement leurs services, ce qui accroît encore la quantité de données collectées.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#7&quot;&gt;7&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Cette situation crée un sentiment de surveillance diffuse, où chaque action en ligne peut potentiellement être enregistrée, analysée et monétisée.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#9&quot;&gt;6&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#10&quot;&gt;8&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;regulation-droits-et-protections-que-puis-je-faire&quot;&gt;Régulation, droits et protections : que puis-je faire ?&lt;a class=&quot;zola-anchor&quot; href=&quot;#regulation-droits-et-protections-que-puis-je-faire&quot; aria-label=&quot;Anchor link for: regulation-droits-et-protections-que-puis-je-faire&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Face à ces enjeux, plusieurs réponses se mettent en place, à la fois juridiques et individuelles :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Régulation (RGPD et lois similaires)&lt;/strong&gt; : en Europe, le RGPD impose des obligations fortes sur le consentement, la transparence, le droit à l’oubli et la portabilité des données. Les autorités cherchent à encadrer plus strictement les pratiques des GAFAM, avec des appels répétés à une régulation accrue.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#10&quot;&gt;8&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Mieux utiliser les paramètres de confidentialité&lt;/strong&gt; : il est possible de limiter une partie de la collecte en ajustant les réglages de confidentialité (désactivation de l’historique de position, limitation du suivi publicitaire, gestion des autorisations d’applications, etc.).&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Adopter des outils alternatifs&lt;/strong&gt; : navigateurs respectueux de la vie privée, moteurs de recherche alternatifs, services de messagerie chiffrée, hébergement de données sur des solutions moins centralisées.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#8&quot;&gt;9&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Réduire sa dépendance&lt;/strong&gt; : certains utilisateurs choisissent progressivement de remplacer certains services GAFAM par des solutions plus sobres en données, afin de diminuer leur surface d’exposition numérique.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#8&quot;&gt;9&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;En pratique, protéger sa vie privée ne signifie pas forcément renoncer à toute technologie, mais apprendre à arbitrer entre confort, gratuité apparente et contrôle de ses informations personnelles.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;vers-quel-equilibre-entre-gafam-et-vie-privee&quot;&gt;Vers quel équilibre entre GAFAM et vie privée ?&lt;a class=&quot;zola-anchor&quot; href=&quot;#vers-quel-equilibre-entre-gafam-et-vie-privee&quot; aria-label=&quot;Anchor link for: vers-quel-equilibre-entre-gafam-et-vie-privee&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Les GAFAM ont profondément façonné notre quotidien numérique, rendant nos vies plus connectées, plus efficaces et parfois plus simples, mais au prix d’une collecte de données d’une ampleur inédite. L’enjeu principal aujourd’hui est de trouver un équilibre entre les bénéfices de ces services et la préservation d’un espace privé réel, dans lequel nos choix, nos opinions et nos habitudes ne sont pas systématiquement transformés en produits commerciaux.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;Cela suppose à la fois une &lt;strong&gt;prise de conscience&lt;/strong&gt; des utilisateurs, une exigence renforcée vis-à-vis de la transparence des plateformes et une régulation capable de limiter les dérives les plus intrusives. Chacun, à son échelle, peut agir en ajustant ses pratiques numériques pour reprendre un peu de contrôle sur ses données et, par conséquent, sur sa vie privée.&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#10&quot;&gt;8&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#8&quot;&gt;9&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#3&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;
&lt;span style=&quot;display:none&quot;&gt;&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#6&quot;&gt;10&lt;/a&gt;&lt;/sup&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div align=&quot;center&quot;&gt;⁂&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;1&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;3&lt;/sup&gt;
&lt;p&gt;https://www.odass.org/comprendre-limpact-des-gafam-sur-les-reseaux-sociaux-et-vos-donnees-personnelles/&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;2&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;1&lt;/sup&gt;
&lt;p&gt;https://hostme.fr/blog/secrets-daffaire-comment-les-gafam-utilisent-vos-informations-et-comment-se-proteger/&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;3&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;2&lt;/sup&gt;
&lt;p&gt;https://www.123actu.fr/quel-est-limpact-des-gafam-sur-la-vie-privee-des-utilisateurs/&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;4&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;5&lt;/sup&gt;
&lt;p&gt;https://www.anienit.org/new-s-bil/article/les-gafam-siphonnent-vos-donnees-on-vous-explique-tout/332&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;5&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;4&lt;/sup&gt;
&lt;p&gt;https://books.openedition.org/putc/4463?lang=fr&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;6&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;10&lt;/sup&gt;
&lt;p&gt;https://forge.apps.education.fr/culture-et-outils-libres/culture-et-outils-libres.forge.apps.education.fr/-/blob/main/sources-markdown/donnes-personnelles.md&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;7&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;7&lt;/sup&gt;
&lt;p&gt;https://itsocial.fr/contenus/articles-decideurs/le-paradoxe-des-gafam-et-des-reseaux-sociaux-tres-utilises-mais-peu-de-credit-quant-a-la-protection-de-la-vie-privee/&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;8&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;9&lt;/sup&gt;
&lt;p&gt;https://blog.stephane-robert.info/post/souverainete-1/&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;9&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;6&lt;/sup&gt;
&lt;p&gt;https://c-plusplus.org/gafam-espionnage/&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;10&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;8&lt;/sup&gt;
&lt;p&gt;https://www.causecommune-larevue.fr/les_g_ants_du_num_rique_les_droits_et_les_libert_s&lt;/p&gt;
&lt;/div&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Hebergement chez codeberg</title>
        <published>2026-02-05T00:00:00+00:00</published>
        <updated>2026-02-05T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/demarage-avec-codeberg/"/>
        <id>https://alpern.codeberg.page/blog/demarage-avec-codeberg/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/demarage-avec-codeberg/">&lt;h1 id=&quot;pourquoi-quitter-github&quot;&gt;Pourquoi quitter github&lt;a class=&quot;zola-anchor&quot; href=&quot;#pourquoi-quitter-github&quot; aria-label=&quot;Anchor link for: pourquoi-quitter-github&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Depuis le rachat par Microsoft en 2018, et au vu de l&#39;actualité, j&#39;ai décidé de quiter github.&lt;/p&gt;
&lt;p&gt;Un très bon article est disponible sur le blog iroco &lt;a rel=&quot;external&quot; href=&quot;https://blog.iroco.co/pourquoi-quitter-github/&quot;&gt;le lien&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&quot;a-la-decouverte-de-codeberg&quot;&gt;A la découverte de CodeBerg&lt;a class=&quot;zola-anchor&quot; href=&quot;#a-la-decouverte-de-codeberg&quot; aria-label=&quot;Anchor link for: a-la-decouverte-de-codeberg&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;CodeBerg propose toutes les fonctionnalités attendues pour un gestionnaire de sources en ligne.
Sa politique de confidentialité et sa présence uniquement en Europe en font un candidat sérieux et légitime pour remplacer GitHub.&lt;/p&gt;
&lt;p&gt;En allant sur le site &lt;a rel=&quot;external&quot; href=&quot;https://european-alternatives.eu/alternative-to/github&quot;&gt;alternative Europeenne&lt;/a&gt;
J&#39;ai pu faire mon choix.
Codeberg a été une évidence pour moi.
CodeBerg est une alternative libre à GitHub et qui promet un contrôle total sur les données.
CodeBerg est une association à but non lucratif Allemande située à Berlin.&lt;/p&gt;
&lt;p&gt;Pour la mise en oeuvre, je me suis basé sur des sites en ligne tel que:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a rel=&quot;external&quot; href=&quot;https://www.gobothegeek.ch/codeberg&quot;&gt;gobothegeek&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a rel=&quot;external&quot; href=&quot;https://docs.codeberg.org/getting-started/first-repository&quot;&gt;codeberg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Démarage avec Zola</title>
        <published>2026-02-01T00:00:00+00:00</published>
        <updated>2026-02-01T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/demarage-avec-zola/"/>
        <id>https://alpern.codeberg.page/blog/demarage-avec-zola/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/demarage-avec-zola/">&lt;h3 id=&quot;changement-de-logiciel-de-generation-de-site-statique&quot;&gt;Changement de logiciel de génération de site statique&lt;a class=&quot;zola-anchor&quot; href=&quot;#changement-de-logiciel-de-generation-de-site-statique&quot; aria-label=&quot;Anchor link for: changement-de-logiciel-de-generation-de-site-statique&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;hr /&gt;
&lt;p&gt;En ce début d&#39;année, j&#39;ai repris mon blog, je viens de le migrer sous Zola (rust) en remplacement de Hugo (golang).&lt;/p&gt;
&lt;p&gt;Test marmaid&lt;/p&gt;
&lt;h3 id=&quot;exemple-de-site-avec-zola&quot;&gt;Exemple de site avec zola&lt;a class=&quot;zola-anchor&quot; href=&quot;#exemple-de-site-avec-zola&quot; aria-label=&quot;Anchor link for: exemple-de-site-avec-zola&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th style=&quot;text-align: left&quot;&gt;Site&lt;/th&gt;&lt;th style=&quot;text-align: center&quot;&gt;Source Code&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://www.vincentprouillet.com/&quot;&gt;vincentprouillet.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/Keats/vincentprouillet/&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;http://blog.williamdes.eu/&quot;&gt;blog.williamdes.eu&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/wdesportes/blog.williamdes.eu&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://os.phil-opp.com/&quot;&gt;Philipp Oppermann&#39;s blog&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/phil-opp/blog_os/tree/master/blog&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://www.seventeencups.net&quot;&gt;seventeencups&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/17cupsofcoffee/seventeencups.net&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://j1m.net&quot;&gt;j1m.net&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://gitlab.com/jwcampbell/j1mnet&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;http://vaporsoft.net&quot;&gt;vaporsoft.net&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/piedoom/vaporsoft&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://tuckersiemens.com&quot;&gt;tuckersiemens.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/reillysiemens/tuckersiemens.com&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://axiomatic.neophilus.net&quot;&gt;Axiomatic Semantics&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/Libbum/AxiomaticSemantics&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://tinkering.xyz&quot;&gt;Tinkering&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://www.codesections.com&quot;&gt;Daniel Sockwell&#39;s codesections.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://gitlab.com/codesections/codesections-website&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://blog.getreu.net&quot;&gt;Jens Getreu&#39;s blog&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://endler.dev&quot;&gt;Matthias Endler&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/mre/mre.github.io&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://michael.plotke.me&quot;&gt;Michael Plotke&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://gitlab.com/bdjnk/michael&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://shaleenjain.com&quot;&gt;shaleenjain.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/shalzz/shalzz.github.io&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://maxdeviant.com/&quot;&gt;maxdeviant.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://uwe-arzt.de&quot;&gt;Uwes Blog&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://codeberg.org/uwearzt/site-uwe-arzt&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://ozkriff.games&quot;&gt;ozkriff.games&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/ozkriff/ozkriff.github.io-src&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://codeshow.com.br&quot;&gt;CodeShow by Bruno Rocha&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/codeshow/site&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://fundon.viz.rs/&quot;&gt;fundon.me&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/fundon/fundon.github.io&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;http://arewegameyet.rs&quot;&gt;arewegameyet.rs&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/rust-gamedev/arewegameyet&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://klau.si&quot;&gt;klau.si&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/klausi/klau.si&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://peterlyons.com&quot;&gt;peterlyons.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/focusaurus/peterlyons.com-zola&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://blog.turbo.fish&quot;&gt;blog.turbo.fish&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://git.sr.ht/~jplatte/blog.turbo.fish&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://guerinpe.com&quot;&gt;guerinpe.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/Grelot/blog&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://verein.northcon.de/&quot;&gt;NorthCon e.V.&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://wiki.orgatalk.de/&quot;&gt;OrgaTalk wiki&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/orgatalk/wiki&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://corona-effekt.orgatalk.de/&quot;&gt;Der Corona-Effekt&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/orgatalk/corona-effekt&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://146parks.blog/&quot;&gt;146 Parks&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/scouten/146parks.blog&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://films.mlcdf.fr&quot;&gt;films.mlcdf.fr&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/mlcdf/films&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://mish.co&quot;&gt;Mish Ushakov&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://castorisdead.xyz&quot;&gt;castor&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/whoisYoges/website&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://mrkaran.dev&quot;&gt;mrkaran&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/mr-karan/website&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://gburghoorn.com&quot;&gt;Gijs Burghoorn&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/coastalwhite/gburghoorn.com/&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://peterprototypes.com/&quot;&gt;Peter Todorov&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/peterprototypes/peterprototypes.com&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://failsafe.monster/&quot;&gt;failsafe.monster&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://www.joshuagawley.com/&quot;&gt;Joshua Gawley&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/joshuagawley/joshuagawley.github.io&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://dmarcoux.com&quot;&gt;dmarcoux.com&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/dmarcoux/dmarcoux.com&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://hermanschaaf.com&quot;&gt;Herman Schaaf&#39;s Blog&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/hermanschaaf/zola-blog&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://nizzlay.com&quot;&gt;Nizzlay&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/Nizzlay/nizzlay.com&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://www.lysator.liu.se&quot;&gt;Lysator&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://git.lysator.liu.se/www/hemsida&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: left&quot;&gt;&lt;a rel=&quot;external&quot; href=&quot;https://tandiljuan.github.io/zola-demo/&quot;&gt;Zola Demo Site&lt;/a&gt;&lt;/td&gt;&lt;td style=&quot;text-align: center&quot;&gt;https://github.com/tandiljuan/zola-demo&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;p&gt;### Tutorial Zola&lt;/p&gt;
&lt;p&gt;Ce tutoriel pas à pas est fait pour les personnes n&#39;ayant jamais utilisé Zola, si vous avez déjà expérimenté ce logiciel, allez plutôt voir &lt;a rel=&quot;external&quot; href=&quot;https://www.getzola.org/documentation/getting-started/overview/&quot;&gt;La documentation officielle&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Que vous aimiez le Rust et les &lt;strong&gt;GSS&lt;/strong&gt; ou que vous n&#39;ayez aucune notion sur l&#39;un ou l&#39;autre, si vous souhaitez réaliser un site web ou un blog, Zola est fait pour vous ! Nous allons découvrir ici les concepts fondamentaux de Zola.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;GSS : Un générateur de site statique (Static Site Generator SSG) est un outil qui génère un site web statique et sécurisés.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Une fois Zola installé, nous allons créer un site avec la commande&lt;/p&gt;
&lt;p&gt;répondons aux questions interactive comme suit afin d&#39;initialiser le fichier de configuration &lt;code&gt;config.toml&lt;/code&gt; :&lt;/p&gt;
&lt;p&gt;et 10 millisecondes plus tard, nous devrions avoir un dossier avec l&#39;architecture suivante&lt;/p&gt;
&lt;p&gt;dans ce dossier, lançons&lt;/p&gt;
&lt;p&gt;et consultons&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt; [http://127.0.0.1:1111/](http://127.0.0.1:1111/) dans notre navigateur&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;img src=&quot;/informatique/images/zola_welcome.png&quot; alt=&quot;zola_welcome&quot; /&gt;&lt;/p&gt;
&lt;p&gt;Comme indiqué, nous pouvons installer un thème (sautez directement à la section &quot;&lt;a href=&quot;#&quot;&gt;contenu&lt;/a&gt;&quot;), ou le créer nous même.&lt;/p&gt;
&lt;h2 id=&quot;premier-theme&quot;&gt;Premier thème&lt;a class=&quot;zola-anchor&quot; href=&quot;#premier-theme&quot; aria-label=&quot;Anchor link for: premier-theme&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Créer un thème est presque aussi facile qu&#39;écrire un site à la main et vous permet de comprendre le fonctionnement de Zola. Si vous êtes pressés, vous pouvez également installer &lt;a href=&quot;#&quot;&gt;le thème de ce tutoriel&lt;/a&gt; et l&#39;examiner. Un &lt;em&gt;thème par défaut&lt;/em&gt; est prévu, mais n&#39;est pas encore disponible.&lt;/p&gt;
&lt;p&gt;Commençons par créer la page &lt;code&gt;index.html&lt;/code&gt; dans le dossier &lt;code&gt;templates&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;la page ouverte dans notre navigateur se rafraîchit toute seule et nous voyons apparaître notre page &quot;hello world&quot;&lt;/p&gt;
&lt;p&gt;Plutôt que d&#39;écrire le contenu du site directement dans le thème, ce qui revient à faire un site à la main sans Zola, nous allons utiliser le moteur de template pour remplir le site avec des variables.&lt;/p&gt;
&lt;h3 id=&quot;nom-du-site&quot;&gt;Nom du site&lt;a class=&quot;zola-anchor&quot; href=&quot;#nom-du-site&quot; aria-label=&quot;Anchor link for: nom-du-site&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Premièrement, pour pouvoir changer le nom du site facilement, ajoutons une variable dans la section &lt;code&gt;[extra]&lt;/code&gt; du fichier &lt;code&gt;config.toml&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;pour utiliser cette variable, remplaçons la ligne &lt;code&gt;title&lt;/code&gt; dans notre &lt;code&gt;index.html&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;Nous avons ainsi utilisé la variable présente dans config et lui avons appliqué un filtre, c&#39;est à dire une fonction arbitraire.&lt;/p&gt;
&lt;h3 id=&quot;contenu-en-markdown&quot;&gt;Contenu en Markdown&lt;a class=&quot;zola-anchor&quot; href=&quot;#contenu-en-markdown&quot; aria-label=&quot;Anchor link for: contenu-en-markdown&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Qu&#39;il s&#39;agisse d&#39;écrire un site ou un blog, il est toujours bien de pouvoir gérer le contenu de manière indépendante du thème. Ici, nous écrirons du contenu en &lt;a rel=&quot;external&quot; href=&quot;https://daringfireball.net/projects/markdown/&quot;&gt;Markdown&lt;/a&gt;. Créons d&#39;abord un texte d&#39;accueil pour notre site dans un fichier &lt;code&gt;_index.md&lt;/code&gt; dans le dossier &lt;code&gt;content&lt;/code&gt;&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;et changeons le fichier `index.html` pour qu&amp;#39;il prenne en charge ce contenu.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;La page se recharge, et nous voyons le contenu de `_index.md` affiché via le thème `index.html` ! Nous avons réalisé la séparation du thème et du contenu. Remarquons deux choses : le nom utilisé pour le fichier markdown, et le nom de la variable utilisée pour accéder aux données. Pour comprendre ceci, il nous faut expliquer la structure de contenu de Zola.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;### Structure de contenu&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;L&amp;#39;architecture d&amp;#39;un site en Zola peut ressembler à ceci&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Tous les fichiers `.md` correspondent à des &amp;quot;pages&amp;quot; sauf les fichiers `_index.md` qui sont des &amp;quot;sections&amp;quot;. Ces deux objets diffèrent juste par les variables acceptées dans leur en-têt, la section au format TOML délimitée par `+++` en tête de fichier.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;#### En-tête de page&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Pour plus d&amp;#39;information, veuillez consulter [la documentation dédiée](#).&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;#### En-tête de section&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Pour plus d&amp;#39;information, veuillez consulter [la documentation dédiée](#).&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;### Template extensible&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;L&amp;#39;intérêt d&amp;#39;un template est de maximiser la réutilisation de code. Découvrons comment utiliser les fonctionnalités basiques dans un exemple simple.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;`index.html`&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;On découvre ici la balise `include` qui permet d&amp;#39;inclure un autre template et la balise `block` qui permet de déclarer un bloc qui sera remplacé par les templates qui dérivent de celui-ci.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;`nav.html`&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;On découvre ici la fonction `get_url` qui permet d&amp;#39;obtenir l&amp;#39;URL d&amp;#39;une page dans le site, et la notation `@/fichier` qui permet de faire un lien interne vers une page du site.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;`page.html`&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;On découvre ici la balise `extends` qui permet de dériver d&amp;#39;un template existant pour en remplacer un ou plusieurs blocs.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;`section.html`&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;k&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>FÊTES 2019</title>
        <published>2019-12-21T00:00:00+00:00</published>
        <updated>2019-12-21T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/fete/"/>
        <id>https://alpern.codeberg.page/blog/fete/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/fete/">&lt;p&gt;FÊTES 2019&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/images/banners/fotomeliacom-44-548x304.png&quot; alt=&quot;Joyeuses Fêtes 2019&quot; /&gt;&lt;/p&gt;
&lt;h2 id=&quot;meilleurs-voeux-pour-toute-la-vie-comme-ca-c-est-fait-une-fois-pour-toutes&quot;&gt;&quot;Meilleurs voeux pour toute la vie, comme ça, c&#39;est fait une fois pour toutes.&quot;&lt;a class=&quot;zola-anchor&quot; href=&quot;#meilleurs-voeux-pour-toute-la-vie-comme-ca-c-est-fait-une-fois-pour-toutes&quot; aria-label=&quot;Anchor link for: meilleurs-voeux-pour-toute-la-vie-comme-ca-c-est-fait-une-fois-pour-toutes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Philippe Geluck&lt;/li&gt;
&lt;/ol&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Hugo</title>
        <published>2019-12-15T00:00:00+00:00</published>
        <updated>2019-12-15T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/hugo/"/>
        <id>https://alpern.codeberg.page/blog/hugo/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/hugo/">&lt;p&gt;HUGO&lt;/p&gt;
&lt;h1 id=&quot;presentation&quot;&gt;Présentation&lt;a class=&quot;zola-anchor&quot; href=&quot;#presentation&quot; aria-label=&quot;Anchor link for: presentation&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;The world’s fastest framework for building websites
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://gohugo.io/&quot;&gt;Site&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&quot;installation-sur-le-socle-serveur-de-elksig&quot;&gt;Installation sur le socle serveur de ELKSIG&lt;a class=&quot;zola-anchor&quot; href=&quot;#installation-sur-le-socle-serveur-de-elksig&quot; aria-label=&quot;Anchor link for: installation-sur-le-socle-serveur-de-elksig&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h1 id=&quot;install-go&quot;&gt;Install GO&lt;a class=&quot;zola-anchor&quot; href=&quot;#install-go&quot; aria-label=&quot;Anchor link for: install-go&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;javascript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;wget&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; https&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;//&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;dl.google.com/go/go1.12.14.linux-armv6l.tar.gz&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;tar&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;C&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; /&lt;/span&gt;&lt;span&gt;usr&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;local&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span&gt;xzf&lt;/span&gt;&lt;span&gt; go1&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;12&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;14&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;linux&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;armv6l&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;tar&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;gz&lt;/span&gt;&lt;span&gt; go&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;export&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; PATH&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;$PATH&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;usr&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;local&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;go&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;bin&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&quot;install-hugo&quot;&gt;Install Hugo&lt;a class=&quot;zola-anchor&quot; href=&quot;#install-hugo&quot; aria-label=&quot;Anchor link for: install-hugo&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;javascript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;mkdir&lt;/span&gt;&lt;span&gt; $HOME&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;src&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;hugo&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;cd&lt;/span&gt;&lt;span&gt; src&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;hugo&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;git&lt;/span&gt;&lt;span&gt; clone&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; https&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;//&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6A737D, #6A737D);&quot;&gt;github.com/gohugoio/hugo.git&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;cd&lt;/span&gt;&lt;span&gt; hugo&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;go&lt;/span&gt;&lt;span&gt; install&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&quot;generation-du-site&quot;&gt;Génération du Site&lt;a class=&quot;zola-anchor&quot; href=&quot;#generation-du-site&quot; aria-label=&quot;Anchor link for: generation-du-site&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;javascript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;cd&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; /&lt;/span&gt;&lt;span&gt;home&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;linaro&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;src&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;site&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;hugo&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;/&lt;/span&gt;&lt;span&gt;alpern&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;hugo&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;E&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;D&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;sudo&lt;/span&gt;&lt;span&gt; systemctl&lt;/span&gt;&lt;span&gt; stop&lt;/span&gt;&lt;span&gt; nginx&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;sudo&lt;/span&gt;&lt;span&gt; rm&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span&gt;Rf&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; /&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;var&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;www&lt;/span&gt;&lt;span&gt;/public&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;sudo&lt;/span&gt;&lt;span&gt; cp&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span&gt;Rf&lt;/span&gt;&lt;span&gt; public&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; /&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;var&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;www&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;sudo&lt;/span&gt;&lt;span&gt; chown&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;R&lt;/span&gt;&lt;span&gt; www&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;data&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;www&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;data&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; /&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;var&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;www&lt;/span&gt;&lt;span&gt;/public&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;sudo&lt;/span&gt;&lt;span&gt; systemctl&lt;/span&gt;&lt;span&gt; start&lt;/span&gt;&lt;span&gt; nginx&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Mise à jour de mon site</title>
        <published>2018-11-05T15:01:35+00:00</published>
        <updated>2018-11-05T15:01:35+00:00</updated>
        
        <author>
          <name>
            Alain Pernelle
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/miseajourblog/"/>
        <id>https://alpern.codeberg.page/blog/miseajourblog/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/miseajourblog/">&lt;p&gt;Update site alpern avec hugo et le theme hextra&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Mon Blog sous Hugo</title>
        <published>2017-09-30T00:00:00+00:00</published>
        <updated>2017-09-30T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/monblogavechugo/"/>
        <id>https://alpern.codeberg.page/blog/monblogavechugo/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/monblogavechugo/">&lt;h3 id=&quot;pourquoi-j-utilise-hugo&quot;&gt;Pourquoi j&#39;utilise Hugo?&lt;a class=&quot;zola-anchor&quot; href=&quot;#pourquoi-j-utilise-hugo&quot; aria-label=&quot;Anchor link for: pourquoi-j-utilise-hugo&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Avec les même raison que j&#39;avais migré mon site web de SPIP à Jekyll, j&#39;ai migré mon site vers &lt;strong&gt;Hugo&lt;/strong&gt;.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[Site Hugo](https://gohugo.io/ &amp;quot;Site Officiel&amp;quot;)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;lt; figure src=&quot;/img/banners/2017-09-30 22_03_04-Hugo.png&quot; title=&quot;Hugo&quot; &amp;gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Trop de problèmes avec les sites sous base de données (erreur 500 internal error)&lt;/li&gt;
&lt;li&gt;Beaucoup plus simple&lt;/li&gt;
&lt;li&gt;Mes articles ou Post sont de simple fichier&lt;/li&gt;
&lt;li&gt;une mise en page simple&lt;/li&gt;
&lt;li&gt;Une mise en forme simple: markdow.&lt;/li&gt;
&lt;li&gt;Hugo est beaucoup plus rapide que Jekyll&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;comment-rendre-un-site-de-pages-statiques-un-peu-dynamique&quot;&gt;Comment rendre un site de pages statiques, un peu dynamique&lt;a class=&quot;zola-anchor&quot; href=&quot;#comment-rendre-un-site-de-pages-statiques-un-peu-dynamique&quot; aria-label=&quot;Anchor link for: comment-rendre-un-site-de-pages-statiques-un-peu-dynamique&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;L&#39;utilisation de javascript, et faire gérer les commentaires via un site spécialisé. &lt;a rel=&quot;external&quot; href=&quot;http://disqus.com&quot;&gt;disqs.com&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Les pages dispose de commentaires gérées par un service externe.&lt;/li&gt;
&lt;li&gt;La page contact dispose d&#39;un formulaire d&#39;envoie de mail (formspree). &lt;a rel=&quot;external&quot; href=&quot;https://formspree.io/&quot;&gt;formspree.io&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;lt; figure src=&quot;/img/banners/2017-09-30 22_11_43-Disqus.png&quot; title=&quot;Disqus&quot; &amp;gt;
&amp;lt; figure src=&quot;/img/banners/2017-09-30 21_48_55-Formspree.png&quot; title=&quot;Formspree&quot; &amp;gt;&lt;/p&gt;
&lt;h3 id=&quot;le-theme-bleak&quot;&gt;Le theme Bleak.&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-theme-bleak&quot; aria-label=&quot;Anchor link for: le-theme-bleak&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Ce theme est très moderne et sa présentation me convient.&lt;/li&gt;
&lt;/ul&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[Site du thème](https://themes.gohugo.io/bleak/ &amp;quot;Site Officiel&amp;quot;)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Projet Linux Inventaire</title>
        <published>2017-09-25T00:00:00+00:00</published>
        <updated>2017-09-25T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/projet-linux-inventaire/"/>
        <id>https://alpern.codeberg.page/blog/projet-linux-inventaire/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/projet-linux-inventaire/">&lt;h1 id=&quot;linux-info&quot;&gt;linux_info&lt;a class=&quot;zola-anchor&quot; href=&quot;#linux-info&quot; aria-label=&quot;Anchor link for: linux-info&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;get-inventory-of-your-linux&quot;&gt;get inventory of your linux.&lt;a class=&quot;zola-anchor&quot; href=&quot;#get-inventory-of-your-linux&quot; aria-label=&quot;Anchor link for: get-inventory-of-your-linux&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h2 id=&quot;get-linux-infos-facts-with-a-bash-script&quot;&gt;get linux infos, facts, with a bash script&lt;a class=&quot;zola-anchor&quot; href=&quot;#get-linux-infos-facts-with-a-bash-script&quot; aria-label=&quot;Anchor link for: get-linux-infos-facts-with-a-bash-script&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Trying to be compatible with any linux distributions and any linux versions&lt;/li&gt;
&lt;li&gt;Trying to use linux natives commands to avoid any complementary package.&lt;/li&gt;
&lt;li&gt;Try to stay simple&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;keep-trace-of&quot;&gt;Keep trace of&lt;a class=&quot;zola-anchor&quot; href=&quot;#keep-trace-of&quot; aria-label=&quot;Anchor link for: keep-trace-of&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Version of linux os&lt;/li&gt;
&lt;li&gt;version of kernel&lt;/li&gt;
&lt;li&gt;Selinux Mode&lt;/li&gt;
&lt;li&gt;Firewwal state&lt;/li&gt;
&lt;li&gt;reverse path filter&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;network&quot;&gt;Network&lt;a class=&quot;zola-anchor&quot; href=&quot;#network&quot; aria-label=&quot;Anchor link for: network&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Name&lt;/li&gt;
&lt;li&gt;interface link layer&lt;/li&gt;
&lt;li&gt;interface ip layer&lt;/li&gt;
&lt;li&gt;routing (ip r)&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;other&quot;&gt;Other&lt;a class=&quot;zola-anchor&quot; href=&quot;#other&quot; aria-label=&quot;Anchor link for: other&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Number of CPU&lt;/li&gt;
&lt;li&gt;Boot Type EFI? legacy? UEFI?&lt;/li&gt;
&lt;li&gt;installed packet for linux Debian, Ubuntu, Centos , Redhat&lt;/li&gt;
&lt;/ul&gt;
&lt;h1 id=&quot;code&quot;&gt;Code&lt;a class=&quot;zola-anchor&quot; href=&quot;#code&quot; aria-label=&quot;Anchor link for: code&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h3 id=&quot;insertion-de-code-via-gist-shortcodes&quot;&gt;Insertion de code via gist shortcodes&lt;a class=&quot;zola-anchor&quot; href=&quot;#insertion-de-code-via-gist-shortcodes&quot; aria-label=&quot;Anchor link for: insertion-de-code-via-gist-shortcodes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;h2 id=&quot;le-projet-sur-github&quot;&gt;Le projet sur github&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-projet-sur-github&quot; aria-label=&quot;Anchor link for: le-projet-sur-github&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;** Mise à jour le 14/03/2026 **
&lt;a rel=&quot;external&quot; href=&quot;https://codeberg.org/alpern/linux_info&quot;&gt;codeberg&lt;/a&gt;&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Old J&amp;#39;ai quitter Github (rachat par Microsoft), je suis maintenant sur codeberg.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[Github Project!](https://github.com/alpern95/linux_info)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Projet Cluster ARM</title>
        <published>2017-03-10T00:00:00+00:00</published>
        <updated>2017-03-10T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/projet-cluster/"/>
        <id>https://alpern.codeberg.page/blog/projet-cluster/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/projet-cluster/">&lt;p&gt;&lt;img src=&quot;https://alpern.codeberg.page/blog/projet-cluster/cluster.png&quot; alt=&quot;cluster&quot; /&gt;&lt;/p&gt;
&lt;h1 id=&quot;projet-cluster-arm&quot;&gt;Projet Cluster ARM&lt;a class=&quot;zola-anchor&quot; href=&quot;#projet-cluster-arm&quot; aria-label=&quot;Anchor link for: projet-cluster-arm&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;objectif&quot;&gt;Objectif&lt;a class=&quot;zola-anchor&quot; href=&quot;#objectif&quot; aria-label=&quot;Anchor link for: objectif&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Création d&#39;un cluster ARM.&lt;/p&gt;
&lt;h2 id=&quot;materiel&quot;&gt;Matériel&lt;a class=&quot;zola-anchor&quot; href=&quot;#materiel&quot; aria-label=&quot;Anchor link for: materiel&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;A définir&lt;/p&gt;
&lt;h2 id=&quot;fonctionnalites&quot;&gt;Fonctionnalités&lt;a class=&quot;zola-anchor&quot; href=&quot;#fonctionnalites&quot; aria-label=&quot;Anchor link for: fonctionnalites&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Cloud Storage&lt;/p&gt;
&lt;h2 id=&quot;logiciels&quot;&gt;Logiciels&lt;a class=&quot;zola-anchor&quot; href=&quot;#logiciels&quot; aria-label=&quot;Anchor link for: logiciels&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h2 id=&quot;modele-de-cartes&quot;&gt;Modèle de cartes&lt;a class=&quot;zola-anchor&quot; href=&quot;#modele-de-cartes&quot; aria-label=&quot;Anchor link for: modele-de-cartes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;/images/perso/PINE64.png&quot; alt=&quot;La carte pine64&quot; /&gt;
&lt;img src=&quot;/images/perso/ESPRESSOBin.png&quot; alt=&quot;Matos&quot; /&gt;&lt;/p&gt;
&lt;h2 id=&quot;le-projet-sur-github&quot;&gt;Le projet sur github&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-projet-sur-github&quot; aria-label=&quot;Anchor link for: le-projet-sur-github&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;A faire&lt;/p&gt;
&lt;h2 id=&quot;references&quot;&gt;Réfèrences&lt;a class=&quot;zola-anchor&quot; href=&quot;#references&quot; aria-label=&quot;Anchor link for: references&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://forum.armbian.com/index.php?/topic/3603-summary-of-boards-for-a-nas/&quot;&gt;Site ArmBian&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;https://github.com/minio/minio-go&quot;&gt;Site Github Minio&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;http://www.cnx-software.com/2016/09/23/marvell-espressobin-board-with-gigabit-ethernet-sata-pcie-and-usb-3-0-to-launch-for-39-and-up-crowdfunding/&quot;&gt;Site cnx-software&lt;/a&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Fete 3D à Sannois 2016</title>
        <published>2016-02-14T00:00:00+00:00</published>
        <updated>2016-02-14T00:00:00+00:00</updated>
        
        <author>
          <name>
            Alain Pernelle
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/fete-de-la3d/"/>
        <id>https://alpern.codeberg.page/blog/fete-de-la3d/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/fete-de-la3d/">&lt;p&gt;Fête de la 3D&lt;/p&gt;
&lt;h1 id=&quot;a-sannois&quot;&gt;A Sannois&lt;a class=&quot;zola-anchor&quot; href=&quot;#a-sannois&quot; aria-label=&quot;Anchor link for: a-sannois&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Centre Cyrano&lt;/p&gt;
&lt;p&gt;Place du Général Leclerc&lt;/p&gt;
&lt;p&gt;95110 SANNOIS&lt;/p&gt;
&lt;h1 id=&quot;realisation-en-3d-par-mon-papa-84-ans&quot;&gt;Réalisation en 3D par mon Papa 84 ans&lt;a class=&quot;zola-anchor&quot; href=&quot;#realisation-en-3d-par-mon-papa-84-ans&quot; aria-label=&quot;Anchor link for: realisation-en-3d-par-mon-papa-84-ans&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;quand-les-aines-sont-plus-ferus-de-nouvelle-technologies-que-les-jeunes
Publié le 5 déc. 2014 à 12h00
&lt;img src=&quot;/images/perso/fab-lab-mulder-640x427.jpg&quot; alt=&quot;Image&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/images/perso/3D_DP_IMG_3584.png&quot; alt=&quot;Image&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/images/perso/3D_DP_IMG_3601.png&quot; alt=&quot;Image&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Blog Jekyll</title>
        <published>2016-01-08T00:00:00+00:00</published>
        <updated>2016-01-08T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/jekyll/"/>
        <id>https://alpern.codeberg.page/blog/jekyll/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/jekyll/">&lt;p&gt;Jekyll&lt;/p&gt;
&lt;h1 id=&quot;installation-memo&quot;&gt;Installation Memo&lt;a class=&quot;zola-anchor&quot; href=&quot;#installation-memo&quot; aria-label=&quot;Anchor link for: installation-memo&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Installer un ruby et gem puis
gem install jekyll
gem install jekyll-paginate
gem install classifier-reborn
gem install rouge&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Peace and love for Paris and the World</title>
        <published>2015-11-21T00:00:00+00:00</published>
        <updated>2015-11-21T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/peaceandloveforparisandtheworld/"/>
        <id>https://alpern.codeberg.page/blog/peaceandloveforparisandtheworld/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/peaceandloveforparisandtheworld/">&lt;h1 id=&quot;no-comments&quot;&gt;No Comments&lt;a class=&quot;zola-anchor&quot; href=&quot;#no-comments&quot; aria-label=&quot;Anchor link for: no-comments&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;&lt;img src=&quot;/images/banners/peaceforparisandworld.png&quot; alt=&quot;Slogan&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Essaim-de-Robots</title>
        <published>2015-11-21T00:00:00+00:00</published>
        <updated>2015-11-21T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/robot/"/>
        <id>https://alpern.codeberg.page/blog/robot/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/robot/">&lt;p&gt;&lt;img src=&quot;https://alpern.codeberg.page/blog/robot/robotsquivolentettravaillentensemble.png&quot; alt=&quot;Essaim&quot; /&gt;&lt;/p&gt;
&lt;h1 id=&quot;les-essains-de-robots&quot;&gt;Les essains de robots&lt;a class=&quot;zola-anchor&quot; href=&quot;#les-essains-de-robots&quot; aria-label=&quot;Anchor link for: les-essains-de-robots&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Un lien youtube très interressants sur les robots et drones qui collaborent entre eux.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;    &amp;quot;https://www.youtube.com/embed/4ErEBkj_3PY&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>ELKSIG MIB et SMI Tools</title>
        <published>2015-10-17T00:00:00+00:00</published>
        <updated>2015-10-17T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/elksig-mib-smi/"/>
        <id>https://alpern.codeberg.page/blog/elksig-mib-smi/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/elksig-mib-smi/">&lt;p&gt;ELKSIG Mibs SmiTools&lt;/p&gt;
&lt;h1 id=&quot;description&quot;&gt;Description&lt;a class=&quot;zola-anchor&quot; href=&quot;#description&quot; aria-label=&quot;Anchor link for: description&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Pour utiliser des mib avec ruby il faut génèrer des fichiers spéciaux en format yaml
Pour celà nous installons des packages et outils.&lt;/p&gt;
&lt;h1 id=&quot;installation&quot;&gt;Installation&lt;a class=&quot;zola-anchor&quot; href=&quot;#installation&quot; aria-label=&quot;Anchor link for: installation&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;go&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;apt&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;get&lt;/span&gt;&lt;span&gt; install&lt;/span&gt;&lt;span&gt;  libsmi2ldbl&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;apt&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;-&lt;/span&gt;&lt;span&gt;get&lt;/span&gt;&lt;span&gt; install&lt;/span&gt;&lt;span&gt; smitools&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&quot;utilisation&quot;&gt;Utilisation&lt;a class=&quot;zola-anchor&quot; href=&quot;#utilisation&quot; aria-label=&quot;Anchor link for: utilisation&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;go&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;A&lt;/span&gt;&lt;span&gt; faire&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Une sortie vélo test</title>
        <published>2015-08-28T00:00:00+00:00</published>
        <updated>2015-08-28T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/velo-test/"/>
        <id>https://alpern.codeberg.page/blog/velo-test/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/velo-test/">&lt;h3 id=&quot;sortie-velo&quot;&gt;Sortie vélo&lt;a class=&quot;zola-anchor&quot; href=&quot;#sortie-velo&quot; aria-label=&quot;Anchor link for: sortie-velo&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;&lt;img src=&quot;/images/banners/velo-marne.png&quot; alt=&quot;Image&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Mecanographie</title>
        <published>2015-08-20T00:00:00+00:00</published>
        <updated>2015-08-20T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/tricentenaire-de-la-mecanographie/"/>
        <id>https://alpern.codeberg.page/blog/tricentenaire-de-la-mecanographie/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/tricentenaire-de-la-mecanographie/">&lt;h1 id=&quot;informatique-des-annees-70&quot;&gt;Informatique des années 70&lt;a class=&quot;zola-anchor&quot; href=&quot;#informatique-des-annees-70&quot; aria-label=&quot;Anchor link for: informatique-des-annees-70&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;p&gt;Un lien youtube très interressants sur ce qu&#39;était l&#39;informatique des annèes 50.&lt;/p&gt;
&lt;p&gt;De la mécanographie&lt;/p&gt;
&lt;p&gt;&quot;https://www.youtube.com/embed/HBeyX9RgXLU&quot;&lt;/p&gt;
&lt;p&gt;Des tabulatrices aux ordinateurs.&lt;/p&gt;
&lt;p&gt;De la carte perforée (1805) au disque dur (1956).&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;http://www.feb-patrimoine.com/projet/chronologie.htm&quot;&gt;chronologie&lt;/a&gt;
&lt;a rel=&quot;external&quot; title=&quot;Site Bull&quot; href=&quot;http://www.bull.fr&quot;&gt;Site_Bull&lt;/a&gt;
&lt;a rel=&quot;external&quot; title=&quot;patrimoine Bull&quot; href=&quot;http://www.feb-patrimoine.com/projet/sommaire_histoire/bull-pemk.htm&quot;&gt;Histoire&lt;/a&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Projet Docker ELKSIG</title>
        <published>2015-08-12T21:49:20+02:00</published>
        <updated>2015-08-12T21:49:20+02:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/projet-elksig/"/>
        <id>https://alpern.codeberg.page/blog/projet-elksig/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/projet-elksig/">&lt;h1 id=&quot;projet-docker-elksig&quot;&gt;Projet Docker ELKSIG&lt;a class=&quot;zola-anchor&quot; href=&quot;#projet-docker-elksig&quot; aria-label=&quot;Anchor link for: projet-docker-elksig&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;objectif&quot;&gt;Objectif&lt;a class=&quot;zola-anchor&quot; href=&quot;#objectif&quot; aria-label=&quot;Anchor link for: objectif&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Disposer des élèments nécèssaires à une supervision basée sur les outils suivant:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Elasticsearch&lt;/li&gt;
&lt;li&gt;Logstash&lt;/li&gt;
&lt;li&gt;Kibana&lt;/li&gt;
&lt;li&gt;Sensu&lt;/li&gt;
&lt;li&gt;Influxb&lt;/li&gt;
&lt;li&gt;Grafana&lt;/li&gt;
&lt;li&gt;Oxidized&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;fonctionnalites&quot;&gt;Fonctionnalités&lt;a class=&quot;zola-anchor&quot; href=&quot;#fonctionnalites&quot; aria-label=&quot;Anchor link for: fonctionnalites&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Monitoring&lt;/li&gt;
&lt;li&gt;Alerting&lt;/li&gt;
&lt;li&gt;Metric&lt;/li&gt;
&lt;li&gt;Analyse&lt;/li&gt;
&lt;li&gt;Sauvegardes automatiques des équipements du réseau&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;le-projet-sur-github&quot;&gt;Le projet sur github&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-projet-sur-github&quot; aria-label=&quot;Anchor link for: le-projet-sur-github&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;lien&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[Github Project!](https://github.com/alpern95/elksig)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&quot;la-documentation&quot;&gt;La documentation&lt;a class=&quot;zola-anchor&quot; href=&quot;#la-documentation&quot; aria-label=&quot;Anchor link for: la-documentation&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h2 id=&quot;alertes&quot;&gt;Alertes&lt;a class=&quot;zola-anchor&quot; href=&quot;#alertes&quot; aria-label=&quot;Anchor link for: alertes&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Pour l&#39;instant seul les checks de sensu permettent d&#39;alerter, il serait intéressant de pourvoir créer des
alerte à partir des données de logstash, et des courbes d&#39;influxdb.&lt;/p&gt;
&lt;p&gt;Un outils comme Bosun semble correspondre.(à étudier...)&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;external&quot; href=&quot;http://bosun.org/&quot;&gt;Site Bosun&lt;/a&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Anniversaire en 2002</title>
        <published>2015-01-01T00:00:00+00:00</published>
        <updated>2015-01-01T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/2002-70ans/"/>
        <id>https://alpern.codeberg.page/blog/2002-70ans/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/2002-70ans/">&lt;h3 id=&quot;message&quot;&gt;Message&lt;a class=&quot;zola-anchor&quot; href=&quot;#message&quot; aria-label=&quot;Anchor link for: message&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Was this what you wanted?&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;   It&amp;#39;s good to see you again.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;   Did you know it&amp;#39;s been a while?&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Serial Number Inventory on Device with snmp and ruby</title>
        <published>2013-12-02T00:00:00+00:00</published>
        <updated>2013-12-02T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/snmp-net-inventory/"/>
        <id>https://alpern.codeberg.page/blog/snmp-net-inventory/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/snmp-net-inventory/">&lt;h2 id=&quot;net-device-serial-number&quot;&gt;Net Device Serial Number&lt;a class=&quot;zola-anchor&quot; href=&quot;#net-device-serial-number&quot; aria-label=&quot;Anchor link for: net-device-serial-number&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;preamble&quot;&gt;Preamble&lt;a class=&quot;zola-anchor&quot; href=&quot;#preamble&quot; aria-label=&quot;Anchor link for: preamble&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;inspired from &lt;a rel=&quot;external&quot; href=&quot;http://carlivar.tumblr.com/post/5811164961/cisco-access-point-inventory-via-controller-snmp&quot;&gt;carlivar&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&quot;functionality&quot;&gt;functionality&lt;a class=&quot;zola-anchor&quot; href=&quot;#functionality&quot; aria-label=&quot;Anchor link for: functionality&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Get all device serial number&lt;/li&gt;
&lt;li&gt;Write result in file&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;code&quot;&gt;Code&lt;a class=&quot;zola-anchor&quot; href=&quot;#code&quot; aria-label=&quot;Anchor link for: code&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;&amp;lt; highlight ruby &amp;gt;&lt;/p&gt;
&lt;p&gt;#!/usr/bin/env ruby
require &#39;rubygems&#39; if RUBY_VERSION &amp;lt; &#39;1.9.0&#39;
require &#39;snmp&#39;
begin
peer=ARGV.first
fichier=(peer)
directory=&quot;/tmp/&quot;
now = DateTime.now
mois = now.month
annee = now.year
jour= now.day&lt;/p&gt;
&lt;p&gt;ENT_PHYSICAL_INDEX = &#39;1.3.6.1.2.1.47.1.1.1.1.1&#39;
ENT_PHYSICAL_DESC = &#39;1.3.6.1.2.1.47.1.1.1.1.2&#39;
ENT_PHYSICAL_SERIAL_NUMBER = &#39;1.3.6.1.2.1.47.1.1.1.1.11&#39;
ENT_PHYSICAL_MODEL_NAME = &#39;1.3.6.1.2.1.47.1.1.1.1.13&#39;&lt;/p&gt;
&lt;p&gt;columns = [ ENT_PHYSICAL_DESC, ENT_PHYSICAL_SERIAL_NUMBER]
abort &quot;give hostname as argument and community.&quot; if ARGV.empty?&lt;/p&gt;
&lt;p&gt;serials = Array.new
$ligne = &quot;ent_physical_desc,ent_physical_serial_number\n&quot;&lt;/p&gt;
&lt;p&gt;SNMP::Manager.open(:Host =&amp;gt; ARGV.first, :Community =&amp;gt; ARGV[1]) do |mgr|
mgr.walk(columns) do |row|
unless serials.include?(row[0].value.to_s) || row[1].value.to_s.downcase ==
&#39;unknown&#39;
if row[1].value.to_s == &quot;&quot;
else
$ligne &amp;lt;&amp;lt; &quot;#{row[0].value.to_s},#{row[1].value.to_s}&quot;&quot;\n&quot;
end
serials &amp;lt;&amp;lt; row[0].value.to_s
end
end
end
if $ligne
SortieFile = File.new(directory+fichier+&quot;_&quot;+jour.to_s+&quot;-&quot;+mois.to_s+&quot;-&quot;+annee.
to_s+&quot;.log&quot;, &quot;w&quot;)
SortieFile.puts($ligne)
SortieFile.close
else
retCode=2
retCodeLabel=&quot;Erreur d&#39;inventaire&quot;
puts &quot;#{retCodeLabel}&quot;
exit retCode
end
puts(&quot;Inventaire ok, le &quot;+jour.to_s+&quot;-&quot;+mois.to_s+&quot;-&quot;+annee.to_s)
rescue
puts &quot;Erreur dans le programe ou probleme de connexion&quot;
ensure
puts(&quot;All is done&quot;)
end
&amp;lt; / highlight &amp;gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Mon Serveur</title>
        <published>2013-09-05T00:00:00+00:00</published>
        <updated>2013-09-05T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/mon-serveur/"/>
        <id>https://alpern.codeberg.page/blog/mon-serveur/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/mon-serveur/">&lt;h1 id=&quot;mon-serveur-web-sur-une-cubieboard2&quot;&gt;Mon serveur Web sur une Cubieboard2&lt;a class=&quot;zola-anchor&quot; href=&quot;#mon-serveur-web-sur-une-cubieboard2&quot; aria-label=&quot;Anchor link for: mon-serveur-web-sur-une-cubieboard2&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h1&gt;
&lt;h2 id=&quot;le-materiel&quot;&gt;Le matériel&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-materiel&quot; aria-label=&quot;Anchor link for: le-materiel&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;une-cubieboard2-site-cubieboard&quot;&gt;Une cubieboard2 &lt;a rel=&quot;external&quot; title=&quot;Site Officel&quot; href=&quot;http://cubieboard.org/&quot;&gt;Site cubieboard&lt;/a&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#une-cubieboard2-site-cubieboard&quot; aria-label=&quot;Anchor link for: une-cubieboard2-site-cubieboard&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;AllWinnerTech SOC A20，ARM® Cortex™-A7 Dual-Core，ARM® Mali400 MP2 Complies with OpenGL ES 2.0/1.1&lt;/li&gt;
&lt;li&gt;1GB/2GB DDR3@480MHz&lt;/li&gt;
&lt;li&gt;HDMI&amp;amp;VGA 1080P display output on-board&lt;/li&gt;
&lt;li&gt;10M/100M/1G Ethernet&lt;/li&gt;
&lt;li&gt;Wifi+BT wireless connection with antenna on-board&lt;/li&gt;
&lt;li&gt;SATA 2.0 interface support 2.5’ HDD，(for 3.5’ HDD, only need another 12V power input)&lt;/li&gt;
&lt;li&gt;Storage solution：NAND+MicroSD or TSD+ MicroSD or 2*MicroSD&lt;/li&gt;
&lt;li&gt;2 x USB HOST，1 x OTG，1 x Toslink (SPDIF Optical)，1 x IR，4 x LEDs，1 Headphone，3 x Keys&lt;/li&gt;
&lt;li&gt;Power：DC5V @ 2.5A with HDD，support Li-battery &amp;amp; RTC&lt;/li&gt;
&lt;li&gt;54 extended pins including I2S, I2C, SPI, CVBS, LRADC x2,UART, PS2, PWMx2, TS/CSI, IRDA, LINEIN&amp;amp;FMIN&amp;amp;MICIN, TVINx4 with 2.0 pitch connectors&lt;/li&gt;
&lt;li&gt;PCB size：11cm &lt;em&gt;8cm&lt;/em&gt;1.4mm，very suite for installing a 2.5’ HDD&lt;/li&gt;
&lt;/ol&gt;
&lt;hr /&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;le-logiciel&quot;&gt;Le logiciel&lt;a class=&quot;zola-anchor&quot; href=&quot;#le-logiciel&quot; aria-label=&quot;Anchor link for: le-logiciel&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;h3 id=&quot;android-version-livree-en-standard&quot;&gt;Android version livrée en standard&lt;a class=&quot;zola-anchor&quot; href=&quot;#android-version-livree-en-standard&quot; aria-label=&quot;Anchor link for: android-version-livree-en-standard&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;J&#39;ai fais quelque éssai sous linux, mais c&#39;est lent. Je reste pour l&#39;instant sous Android avec un serveur http servdroid&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;
Je génère des pages statiques avec le générateur Jekyll&lt;sup class=&quot;footnote-reference&quot;&gt;&lt;a href=&quot;#2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt; &lt;a rel=&quot;external&quot; title=&quot;Site Officel&quot; href=&quot;http://jekyllrb.com/&quot;&gt;Site Jekyll&lt;/a&gt;.&lt;/p&gt;
&lt;hr /&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;1&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;1&lt;/sup&gt;
&lt;p&gt;Serveur http sous Android.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;footnote-definition&quot; id=&quot;2&quot;&gt;&lt;sup class=&quot;footnote-definition-label&quot;&gt;2&lt;/sup&gt;
&lt;p&gt;Générateur de site Web sous Ruby.&lt;/p&gt;
&lt;/div&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Pirogue aux Philipinnes</title>
        <published>2013-05-20T00:00:00+00:00</published>
        <updated>2013-05-20T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/pirogue/"/>
        <id>https://alpern.codeberg.page/blog/pirogue/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/pirogue/">&lt;h2 id=&quot;un-petit-tour-de-pirogue&quot;&gt;Un petit tour de pirogue&lt;a class=&quot;zola-anchor&quot; href=&quot;#un-petit-tour-de-pirogue&quot; aria-label=&quot;Anchor link for: un-petit-tour-de-pirogue&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;/images/perso/PirogueauxPhilipinnes.png&quot; alt=&quot;pirogue&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>A propos</title>
        <published>2010-02-02T00:00:00+00:00</published>
        <updated>2010-02-02T00:00:00+00:00</updated>
        
        <author>
          <name>Alpern</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://alpern.codeberg.page/blog/a-propos/"/>
        <id>https://alpern.codeberg.page/blog/a-propos/</id>
        
        <content type="html" xml:base="https://alpern.codeberg.page/blog/a-propos/">&lt;h2 id=&quot;a-propos-de-mon-site&quot;&gt;A propos de mon site&lt;a class=&quot;zola-anchor&quot; href=&quot;#a-propos-de-mon-site&quot; aria-label=&quot;Anchor link for: a-propos-de-mon-site&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;div class=&quot;callout callout--info&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Objectifs&lt;/p&gt;
  &lt;p&gt;Nommé partager en toute liberté!, mon but est de partager, mes idées, mes passions, mes projets.
Pour information ce site est propulsé par Zola avec le thème devlab.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;callout callout--tip&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Références&lt;/p&gt;
  &lt;p&gt;Les illustrations proviennent du site gallica.bnf.fr, ou de photographies personnelles.&lt;/p&gt;
&lt;/div&gt;
&lt;h2 id=&quot;a-propos-de-moi&quot;&gt;A propos de moi&lt;a class=&quot;zola-anchor&quot; href=&quot;#a-propos-de-moi&quot; aria-label=&quot;Anchor link for: a-propos-de-moi&quot;&gt;
  &lt;span class=&quot;content-icon content-icon-sm&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;svg focusable=&quot;false&quot; class=&quot;social-icon&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.5-1.5&quot;&gt;&lt;/path&gt;&lt;/svg&gt;

  &lt;/span&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;div class=&quot;callout callout--info&quot;&gt;
  &lt;p class=&quot;callout-title&quot;&gt;Ma carrière&lt;/p&gt;
  &lt;p&gt;Depuis peu à la retraite (oct 2025)
Voici mon parcours prodessionnel
&lt;code&gt;HBS&lt;/code&gt;, &lt;code&gt;TRANSAC&lt;/code&gt;, &lt;code&gt;BULL&lt;/code&gt;, &lt;code&gt;ATOS&lt;/code&gt;, de 1979 - 2025&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;https://alpern.codeberg.page/blog/a-propos/A_Sannois_les_vieux_moulins.png&quot; alt=&quot;Sannois&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
</feed>
