The git repo behind my blog.

premier-article-parce-quil-en-faut-bien-un.html 9.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link href='../../theme/stylesheet/fonts.css' rel='stylesheet' type='text/css'>
  5. <link rel="stylesheet" type="text/css" href="../../theme/stylesheet/style.min.css">
  6. <link rel="stylesheet" type="text/css" href="../../theme/pygments/monokai.min.css">
  7. <link rel="stylesheet" type="text/css" href="../../theme/font-awesome/css/font-awesome.min.css">
  8. <link href="http://localhost/Blog/output/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Phyks' blog Atom">
  9. <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
  10. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  11. <meta charset="utf-8" />
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  13. <meta name="HandheldFriendly" content="True" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  15. <meta name="robots" content="index, follow" />
  16. <!-- Chrome, Firefox OS and Opera -->
  17. <meta name="theme-color" content="#333">
  18. <!-- Windows Phone -->
  19. <meta name="msapplication-navbutton-color" content="#333">
  20. <!-- iOS Safari -->
  21. <meta name="apple-mobile-web-app-capable" content="yes">
  22. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  23. <!-- Microsoft EDGE -->
  24. <meta name="msapplication-TileColor" content="#333">
  25. <meta name="author" content="Phyks" />
  26. <meta name="description" content="Ça y est, mon blog est enfin en ligne. Depuis le temps que j’ai cette idée en tête (et que la page http://phyks.me affiche un magnifique “Blog coming soon”), j’ai enfin eu le temps de finaliser les deux / trois trucs impératifs avant de le lancer. :) J …" />
  27. <meta name="keywords" content="">
  28. <meta property="og:site_name" content="Phyks' blog"/>
  29. <meta property="og:title" content="Premier article (parce qu’il en faut bien un :)"/>
  30. <meta property="og:description" content="Ça y est, mon blog est enfin en ligne. Depuis le temps que j’ai cette idée en tête (et que la page http://phyks.me affiche un magnifique “Blog coming soon”), j’ai enfin eu le temps de finaliser les deux / trois trucs impératifs avant de le lancer. :) J …"/>
  31. <meta property="og:locale" content="en_US.UTF-8"/>
  32. <meta property="og:url" content="../../2013/11/premier-article-parce-quil-en-faut-bien-un.html"/>
  33. <meta property="og:type" content="article"/>
  34. <meta property="article:published_time" content="2013-11-16 23:30:00+01:00"/>
  35. <meta property="article:modified_time" content=""/>
  36. <meta property="article:author" content="../../author/phyks.html">
  37. <meta property="article:section" content="Phyks"/>
  38. <meta property="og:image" content="/images/profile.png">
  39. <title>Phyks' blog &ndash; Premier article (parce qu’il en faut bien un :)</title>
  40. </head>
  41. <body>
  42. <aside>
  43. <div>
  44. <a href="../..">
  45. <img src="/images/profile.png" alt="Phyks" title="Phyks">
  46. </a>
  47. <h1><a href="../..">Phyks</a></h1>
  48. <p>I write about dev, FOSS, DIY and more, in French and English.</p>
  49. <ul class="social">
  50. <li><a class="sc-rss" href="feeds/all.atom.xml" target="_blank"><i class="fa fa-rss"></i></a></li>
  51. <li><a class="sc-envelope-o" href="mailto:phyks+blog@phyks.me" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
  52. <li><a class="sc-github" href="http://github.com/phyks/" target="_blank"><i class="fa fa-github"></i></a></li>
  53. <li><a class="sc-gitlab" href="https://git.phyks.me/phyks" target="_blank"><i class="fa fa-gitlab"></i></a></li>
  54. </ul>
  55. </div>
  56. </aside>
  57. <main>
  58. <nav>
  59. <a href="../..">Home</a>
  60. <a href="https://links.phyks.me">Bookmarks</a>
  61. <a href="/pages/hosted-tools.html">Tools</a>
  62. <a href="/archives.html">Archives</a>
  63. <a href="/pages/memo-autohebergement.html">Autohébergement</a>
  64. <a href="http://localhost/Blog/output/feeds/all.atom.xml">Atom</a>
  65. </nav>
  66. <article class="single">
  67. <header>
  68. <h1 id="premier-article-parce-quil-en-faut-bien-un">Premier article (parce qu&#8217;il en faut bien un&nbsp;:)</h1>
  69. <p>
  70. Posted on 16 November 2013 in <a href="../../category/phyks.html">Phyks</a>
  71. &#8226; 3 min read
  72. </p>
  73. </header>
  74. <div>
  75. <p>Ça y est, mon blog est enfin en ligne. Depuis le temps que j&#8217;ai cette
  76. idée en tête (et que la page <a href="http://phyks.me">http://phyks.me</a> affiche un magnifique
  77. &#8220;Blog coming soon&#8221;), j&#8217;ai enfin eu le temps de finaliser les deux /
  78. trois trucs impératifs avant de le lancer.&nbsp;:)</p>
  79. <p>J&#8217;ai donc enfin ma petite parcelle de web où partager diverses astuces
  80. sur les trucs que j&#8217;utilise quotidiennement (et quelques coups de
  81. gueules aussi). Entre autres, des petits trucs sur Arch Linux, sur de la
  82. prog, sur l&#8217;autohébergement et des trucs en vrac. J&#8217;en ai également
  83. profité pour mettre en place un
  84. <a href="https://github.com/sebsauvage/Shaarli">shaarli</a> (que j&#8217;utilise en fait
  85. déjà depuis quelques temps), <a href="http://links.phyks.me">ici</a>. Il y aura des
  86. articles en français (principalement) et quelquefois en anglais quand
  87. c&#8217;est un truc que je n&#8217;ai trouvé nulle part&nbsp;ailleurs.</p>
  88. <p>Pour ceux qui se demanderaient comment fonctionne le blog en
  89. arrière-plan, c&#8217;est un blog statique sur moteur fait-maison. J&#8217;avais eu
  90. l&#8217;idée de faire un système de blog sur dépôt Git et avait commencé à le
  91. coder, avant de me rendre compte que de nombreux projets existaient déjà
  92. :/ Bref, ayant la flemme de reprendre un code existant en l&#8217;adaptant à
  93. mes besoins et ayant déjà commencé à réinventer la roue, j&#8217;ai continué
  94. mon bout de code, aboutissant à ce blog. Le code est d&#8217;ores et déjà
  95. disponible sur <a href="https://github.com/phyks/blogit">Github</a>, mais il manque
  96. encore quelques fonctions et cette instance sera l&#8217;occasion d&#8217;un test en
  97. grandeur nature. Il sera mis à jour prochainement, quand j&#8217;aurai corrigé
  98. tous les petits trucs qui ne me plaisent pas et refactorisé un peu le&nbsp;code.</p>
  99. <p>Le blog est donc intégralement stocké sous forme de fichiers html dans
  100. un dépôt Git (sur mon petit dédié chez <span class="caps">OVH</span>) et un hook lancé au commit
  101. s&#8217;occupe de générer les fichiers html servis par le serveur web. Les
  102. articles sont rédigés de façon très basique en html pour l&#8217;instant (mais
  103. je prévois d&#8217;implémenter une syntaxe à la markdown dans un futur
  104. proche), et tout est un peu fait &#8220;old school&#8221; (pas de formulaire tout
  105. joli avec drag&amp;drop pour envoyer des images par exemple, je suis plus
  106. efficace sans). Ça peut paraître bancal parfois, mais ça me va bien&nbsp;:)
  107. Du coup, pas de commentaires sur ce blog, ne voulant pas ajouter un
  108. service externe à la Disqus. De toutes façons, je rejoins l&#8217;avis de
  109. <a href="http://www.bortzmeyer.org/no-comment.html">Bortzmeyer</a> sur la question.
  110. J&#8217;adore les commentaires constructifs, mais je préfère lire des articles
  111. complets sur un blog qu&#8217;une réponse en deux lignes en bas d&#8217;un article.
  112. Si vous voulez commenter, n&#8217;hésitez pas à m&#8217;envoyer un e-mail ou à me
  113. dire si vous réagissez quelque part.&nbsp;:)</p>
  114. <p><em><span class="caps">P.S.</span></em>&nbsp;: Merci à <a href="http://sebsauvage.net/">sebsauvage</a>, <a href="http://lehollandaisvolant.net/">le hollandais
  115. volant</a>,
  116. <a href="http://blog.idleman.fr">idleman</a>, <a href="http://ploum.net/">Ploum</a> et tous
  117. les autres de la blogosphère française que j&#8217;oublie, que je suis depuis
  118. quelques temps déjà, plus ou moins silencieusement et qui m&#8217;ont donné
  119. envie d&#8217;avoir mon petit espace à moi aussi&nbsp;!</p>
  120. <h2 class="center" id="bref-ya-plus-quà">Bref, ya plus qu&#8217;à&nbsp;!&nbsp;:)</h2>
  121. <p><img alt="Keep calm and use the force" src="../../images/2013/11/first_keep_calm_force.jpg">
  122. (Image sous licence <span class="caps">CC</span> 3.0 <span class="caps">BY</span> <span class="caps">NC</span> <span class="caps">SA</span> <a href="http://koboot.deviantart.com/#/art/Keep-calm-and-use-The-Force-192034100?hf=1">source</a>)</p>
  123. <p>Note&nbsp;: Je suis en train de tout remettre en place sur mon serveur, suite
  124. à une réinstallaton. Mon Jabber, mon serveur Git etc. reviendront donc
  125. bientôt, quand j&#8217;aurai 5 minutes pour m&#8217;en occuper&nbsp;:(</p>
  126. </div>
  127. <div class="tag-cloud">
  128. <p>
  129. </p>
  130. </div>
  131. <div class="addthis_relatedposts_inline">
  132. </article>
  133. <footer>
  134. <p>
  135. &copy; 2017 - This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>
  136. </p>
  137. <p>Powered by <a href="http://getpelican.com" target="_blank">Pelican</a> - <a href="https://github.com/alexandrevicenzi/flex" target="_blank">Flex</a> theme by <a href="http://alexandrevicenzi.com" target="_blank">Alexandre Vicenzi</a></p><p>
  138. <a rel="license"
  139. href="http://creativecommons.org/licenses/by-nc-sa/4.0/"
  140. target="_blank">
  141. <img alt="Creative Commons License"
  142. title="Creative Commons License"
  143. style="border-width:0"
  144. src="../../theme/img/cc/by-nc-sa.png"
  145. width="80"
  146. height="15"/>
  147. </a>
  148. </p> </footer>
  149. </main>
  150. <script type="application/ld+json">
  151. {
  152. "@context" : "http://schema.org",
  153. "@type" : "Blog",
  154. "name": " Phyks' blog ",
  155. "url" : "../..",
  156. "image": "/images/profile.png",
  157. "description": "I write about dev, FOSS, DIY and more, in French and English."
  158. }
  159. </script>
  160. </body>
  161. </html>