adrianmoreno.info

adrianmoreno.info

Ce référentiel contient les informations, la structure et la conception dans www.adrianmoreno.info. Il s'agit d'un terrain de jeu où j'expérimente certaines technologies, d'essayer d'optimiser le site Web avec Google Page Speed ​​Insights ou de tester certains scripts Gulp.

C'est une bonne excuse pour surgénérer un cv-website, n'est-ce pas? ;-)

Thème: adritien

Le thème de la page est ouvert indépendamment de ce site, en tant que thème Hugo Adritien dans son propre référentiel.

Génération

Le contenu est généré avec Hugo, un générateur de contenu statique très rapide, flexible et accordable. Il est fait avec Go, la première raison pour laquelle j'ai commencé à jouer avec - plus tard, j'ai découvert sa puissance et sa communauté forte.

Courir localement

L'installation de Hugo est une pré-émission. Après cela, les commandes de Hugo CLI peuvent être utilisées, comme hugo serve .

Déploiement

Le code de ce dépôt est ensuite traité avec des actions GitHub - qui générera le HTML avec Hugo, traitera le CSS, les images et JS avec Gulp, et exportera le contenu vers Vercel.

Aussi simple que possible! Pour personnaliser les branches qui peuvent être construites par Vercel, la commande de construction et l'étape d'ignore sont personnalisées. Cela me permet de conserver le contenu généré dans la branche gh-pages et de faire ignorer cette branche par les déploiements de Vercel.

Build Command:

 echo VERCEL_GIT_COMMIT_REF=$VERCEL_GIT_COMMIT_REF; if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then echo "Skipping build" && exit 0; else echo "Looking for build script" && test -f vercel-build.sh && chmod +x vercel-build.sh && ./vercel-build.sh; fi; 

Ignorez l'étape:

 echo VERCEL_GIT_COMMIT_REF=$VERCEL_GIT_COMMIT_REF; if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then echo "Skipping build" && exit 0; else echo "Continuing build!" && exit 1; fi; 

Remarque sur Vercel vs CloudFront

Je suis passé de AWS CloudFront à Vercel car CloudFront ne prend pas en charge un objet racine défini pour tous les dossiers (c'est-à-dire: un index.html pour le chemin /experience ). À un moment donné, je pourrais essayer l'option pour les faire fonctionner avec les fonctions Lambda, mais ce sera également une chance de réorganiser l'infrastructure du projet et de le configurer en tant qu'infrastructure comme code (le configurer avec CDK ou Terraform).

Plus?

Voulez-vous plus d'informations sur comment ou pourquoi j'ai fait quelque chose sur le site? Dépose-moi une ligne! (Le formulaire est connecté à FormSpree.io Soit dit en passant, un autre grand logiciel).