Je suis un grand fan d’open source ! L’une des petites façons dont j’ai soutenu la cause est de garder ce blog ouvert depuis le tout début. Vous pouvez toujours parcourir le code source complet ici. La raison est en partie de permettre aux gens de voir l’historique des changements derrière chaque page. Mais aussi parce que je n’ai pas trouvé beaucoup de blogs Jekyll open source sur lesquels apprendre quand j’ai commencé dans cette voie. Je garde donc ce site Web ouvert dans l’espoir que mes essais et erreurs feront gagner beaucoup de temps à quelqu’un d’autre.
Quelqu’un m’a récemment demandé (merci à Seth !) de lui envoyer la source Markdown d’un de mes articles. Cela m’a donné l’idée d’ajouter un bouton permanent « Afficher la source » au pied de page de chaque page d’article. Je vais vous guider tout au long du processus d’ajout de ceci à votre propre site Web Jekyll.
Les variables utiles de Jekyll ont exactement ce que je cherchais : le page.path. Cette variable contient le chemin brut du système de fichiers de chaque page. La description officielle souligne même son utilité pour renvoyer à la source !
Je vais utiliser mon article sur la création d’applications Linux pour les applications Web comme exemple. Impression {{ page.path }} dans le fichier Markdown de l’article génère ce qui suit :
_posts/2021-10-10-make-linux-apps-for-notion-mastodon-webapps-using-nativefier.md
Le code source de l’article ci-dessus se trouve dans le chemin suivant :
https://gitlab.com/ayush-sharma/ayushsharma-in/-/blob/master/_posts/2021-10-10-make-linux-apps-for-notion-mastodon-webapps-using-nativefier.md
Cela signifie que le préfixe https://gitlab.com/ayush-sharma/ayushsharma-in/-/blob/master/ à n’importe quel article page.path générera un lien vers son code source !
Dans Jekyll, la génération de ce lien complet ressemblera à ceci :
<a href="https://dzone.com/articles/{{ page.path" prepend: site.content.blog_source_prefix }}" target="_blank">View source</a>
Et c’est c’est facile 🙂
Conclusion
Si vous faites défiler jusqu’au pied de page de cette page, vous devriez voir un nouveau lien « Afficher la source ». Allez-y et essayez le!