Skelets numériques

Accueil du blog Posts Fiches de lecture Recettes Compte mastodon Compte bookwyrm À propos

Ce blog

Ce petit billet pour parler… de ce blog. Je vais expérimenter une forme de rédaction un peu plus libre, où le billet n’est pas “fini” au moment où je le publie. Vous verrez ainsi mes réflexions et le processus de rédaction évoluer un peu au fil de l’eau; ça me permettra peut-être aussi d’être moins perfectionniste (et donc, ne rien publier.)

Motivations et contenu

Pourquoi avoir mon coin d’internet? Qu’est-ce que j’y met?

Stack technique

Matériel et système d’exploitation

OLIMEX board A20-OLINXino-LIME2(quel enfer ce nom) et un SSD vendu avec pour du stockage d’autres services.

Le système d’exploitation est un Debian (passé en unstable par mes soins, j’avais besoin d’une version avancée de python pour un autre service).

Pourquoi pas une Raspberry Pi? On a commandé cette carte avec des amis pour nous initier à l’autohébergement: il y avait des tarifs réduits en cas de commande groupée. C’était aussi pour explorer le marché du computer on board, ne pas privilégier l’acteur phare.

J’en suis très content.

Serveur web

J’ai Nginx qui sert le site. Comme il s’agit d’un site statique sans base de donnée, je n’aurais théoriquement pas besoin de beaucoup de ressources pour le faire tourner.

Générateur de site statique Hugo

Les générateurs de site statiques sont des outils que je trouve très pratiques: ils permettent de générer un site web à partir de pages rédigées dans une syntaxe simple à comprendre et à mettre en place sans éditeur dédié (ie pas comme du html).

J’ai commencé ce blog en 2019 suite à mon départ de Facebook. J’en ai parlé dans mon premier post (que d’émotions).

CSS

Le CSS est fait à la main, je n’ai aucune formation particulière dans ce domaine mais je me base sur des discussions avec amis et différents essais. Je regarde sur les références Mozilla, W3School et css-tricks. J’ai vu mon blog comme une opportunité d’apprendre de A à Z, quitte à ce que ça me prenne du temps.

VPN

J’ai un vpn chez franciliens.net qui me permet d’avoir une IP fixe pour l’autohébergement.

Comment je l’alimente

• ce blog vit dans un obsidian
• quand j’écris quelque chose dont je suis satisfait, ça part dans le folder du blog. Comme c’est du markdown, il n’y a rien à changer sur la forme (je ne mets pas ou peu d’images)
• j’ajoute les métadonnées à la main (souvent en recopiant les données précédentes)
• j’ai un script de publication fort simple: ![[skeleton-blog/publish.sh]]

Journal

18-05-2023:

• j’ai changé la couleur de fond du blog en vert sombre
• j’ai mis la barre autrefois en head sur le foot, pour dégager la vue des posts de blog
• j’ai ajouté un retour à l’accueil en head
• j’ai retiré des éléments de style css inutilisés et j’en ai rajouté d’autres

07-01-2024:

• j’ai ajouté un menu universel pour tout le site
• j’ai bougé mes fiches de lecture dans une catégorie dédiée, qui aura à terme des métadonnées différentes
• j’ai ajouté un champ conditionnel qui s’affiche si j’ai modifié un article après sa publication
• j’ai ajouté un lien vers mon compte bookwyrm

Wishlist / TODO

• la bottom bar mélange élément de navigation interne et externe, j’aimerais bien séparer les deux
• Mettre mes posts en licence Creative Commons (potentiellement la cc-by-nc-sa)
• avoir un menu de navigation qui permette d’accéder aux tags, landing et liste d’articles de partout
  • comme j’ai tendance à en faire des tartines, avoir un autre menu qui donne un lien vers chaque section; ça doit pouvoir se faire avec Hugo sans trop de tracas, non? Une table des matières quoi, et c’est faisable en suivant ce tutoriel
• pouvoir publier directement depuis obsidian, en exécutant publish.sh ou avec un potibouton (et ça implique de pouvoir le faire sur mon terminal mobile aussi)
• hugo et obsidian ont une syntaxe pour les liens interne qui diffère. J’aimerais bien simplifier ça: pouvoir faire en sorte qu’une référence dans Obsidian soit comprise par Hugo lors de la génération. Par exemple, ça? Dans l’idéal, n’avoir qu’une note dans mon obsidian, plutôt que de dédoubler entre obsidian et hugo. J’en parle un peu plus sur cette page
• Avoir les polices mono (pour le code) un peu plus lisibles: pour l’instant elles sont toutes petites.
• Du CSS pour des boîtes et callouts
• l’ordonnancement des métadonnées sur les articles est franchement moche, on peut faire mieux (et plus joli) qu’à mettre de l’emphase et des listes…
  • Sur le blog de Julia Evans, la liste des posts est beaucoup plus compacte. Titre et date suffisent. Pas trop ma personnalité mais la concision est cool.
  • à l’opposé, le site de Nesslabs prend beaucoup de place et aère ses posts. Le titre prend toute une bannière et le temps de lecture aussi.
  • le site de Louis Derrac est beau et concis!
• De l’accessibilité (et je suis des gens sur Mastodon qui pourraient m’indiquer des ressources) (par exemple maiwann m’a suggéré ça https://design-accessible.fr/checklist)