Différences entre versions de « Eleventy »

De Mi caja de notas

(23 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
; Statut : [[2019-173]] Étude en cours de motorisation sur https://11ty.christopheducamp.com pour indiewebifications avant migration sur domaine racine. <span class="h-card" style="white-space:nowrap">{{sparkline|http://ducamp.me/images/d/d3/Portrait-xtof.png}} [[User:Christopheducamp.com|xtof]]</span> 22 juin 2019 à 21:43 (UTC)
+
{{stub-fr}}
  
 +
; Statut : chantier à l'étude sur [[eleventy/travaux]] sur [[Hylia]] 
  
Premiers pas sur le kit de démarrage Hylia conçu par Andy Bell.
 
  
Repo de travail en cours : https://github.com/ChristopheDucamp/hylia
+
Afin de mettre mon site web personnel à jour, je suis en train d'envisager de repartir de zéro avec le kit de démarrage [[Hylia]] développé par [[Andy Bell]] afin de mieux appréhender la motorisation [[Eleventy]]. Séduit à cette heure par le [[CMS Netlify]] préconfiguré pour mettre à jour un site personnel statique.
  
== Prochaines étapes ==
+
== Priorités ==
=== CMS Netlify ===
 
* Mise à jour du CMS Netlify (sortie de Hylia v 2.0)
 
  
 +
''Travaux envisagés avant migration''
  
 +
* localisation en français des dates
 +
* pose de premières briques fondamentales indieweb https://indiewebify.me
 +
* étude schéma URLs - slugifier proprement le schéma URL `AAAA/MM/JJ/nom-du-slug`
 +
* gabarit pour publication de notes sans titres
  
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Hylia 0.2.0 is now out! It features one really useful feature: admin previews!! <br><br>Big thanks to <a href="https://twitter.com/erquhart?ref_src=twsrc%5Etfw">@erquhart</a> for getting that in place for us 🚀<a href="https://t.co/zOmozjwQ2d">https://t.co/zOmozjwQ2d</a> <a href="https://t.co/x2axMOVSAH">pic.twitter.com/x2axMOVSAH</a></p>&mdash; Andy Bell (@andybelldesign) <a href="https://twitter.com/andybelldesign/status/1142523346363584512?ref_src=twsrc%5Etfw">22 juin 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
  
=== blocs de construction ===
+
== repo de travail  ==
  
''par ordre de priorité''
+
* https://github.com/ChristopheDucamp/hylia-master  avec pointage sur domaine https://indieweb.me
 +
* un repo de dev en local. Un clone du site personnel d'Andy https://github.com/andybelldesign/personal-site-hylia pour faire des tests de différents types de posts. Beaucoup de bugs.
  
*  '''localisé''' les mois en français en modifiant le fichier `date-filter.js`. bricolé un suffixe "er" les 1er du mois. C'est sale mais ça fait le boulot  : https://github.com/ChristopheDucamp/xtof-vagabond/blob/master/src/filters/date-filter.js
 
En attendant une localisation i18n, j'étudierai la rustine de Nicolas Hoizey : https://github.com/nhoizey/precious-prana.com/blob/master/.eleventy.js#L15-L32 (thanks to Franck Taillandier - [[Jamstatic]])
 
* identité et connexion web avec `rel-me` - tester [[IndieAuth]] sur indiewebcamp.org
 
* engrainer quelques microformats (indiewebify.me)
 
** h-card : ajouter mini-bio (apprenti et e-mail
 
** h-entry
 
* implémenter les webmentions
 
* tester [[micropub]] ...
 
  
== indieweb ==
 
  
{{stub}}
+
== article en rapport ==
 +
 
 +
''à l'étude pour script de déploiement automatique avec iFTTT ''
 +
 
 +
{{citation-fr
 +
|title = Scheduled and draft 11ty posts
 +
|url = https://remysharp.com/2019/06/26/scheduled-and-draft-11ty-posts
 +
|author=[[Remy Sharp]]
 +
|published = [[2019-177|2019-06-26]]
 +
}}
 +
 
 +
 
 +
----
  
 
'''<dfn>[https://www.11ty.io/ Eleventy]</dfn>''' est un [[générateur de site statique]] basé sur [[JavaScript]] qui permet à l'utilisateur de sélectionner son propre moteur préféré de gabarit et de de thème, ce qui peut en pratique permettre l'utilisation et l'activation des [[microformats2]].  
 
'''<dfn>[https://www.11ty.io/ Eleventy]</dfn>''' est un [[générateur de site statique]] basé sur [[JavaScript]] qui permet à l'utilisateur de sélectionner son propre moteur préféré de gabarit et de de thème, ce qui peut en pratique permettre l'utilisation et l'activation des [[microformats2]].  
Ligne 57 : Ligne 63 :
 
* [[générateur de site statique]]
 
* [[générateur de site statique]]
 
* [[Jekyll]]
 
* [[Jekyll]]
 +
 +
----

Version du 3 juillet 2019 à 00:46


Statut
chantier à l'étude sur eleventy/travaux sur Hylia 


Afin de mettre mon site web personnel à jour, je suis en train d'envisager de repartir de zéro avec le kit de démarrage Hylia développé par Andy Bell afin de mieux appréhender la motorisation Eleventy. Séduit à cette heure par le CMS Netlify préconfiguré pour mettre à jour un site personnel statique.

Priorités

Travaux envisagés avant migration

  • localisation en français des dates
  • pose de premières briques fondamentales indieweb https://indiewebify.me
  • étude schéma URLs - slugifier proprement le schéma URL `AAAA/MM/JJ/nom-du-slug`
  • gabarit pour publication de notes sans titres


repo de travail


article en rapport

à l'étude pour script de déploiement automatique avec iFTTT

2019-06-26 Remy Sharp : Scheduled and draft 11ty posts



Eleventy est un générateur de site statique basé sur JavaScript qui permet à l'utilisateur de sélectionner son propre moteur préféré de gabarit et de de thème, ce qui peut en pratique permettre l'utilisation et l'activation des microformats2.

Eleventy n'est pas un framework JavaScript et n'est pas livré avec un thème ou une configuration pré-installé même s'il existe de nombreux exemples de projets de démarrage.

Comme tous les autres générateurs de sites statiques la courbe d'apprentissage d'Eleventy sous-tend une expérience d'écriture du HTML.

Blocs de construction

voir aussi les autres générateurs de sites statiques pour les principes de base :

Exemples Indieweb

Les membres de de la communauté IndieWeb utilisant Eleventy pour leurs propres sites (primaire) :

D'autres indépendants qui l'utilisent sur leur site primiaire d'auto-identification :

Voir aussi