Créer automatiquement un portfolio à partir de votre profil Github

Créer automatiquement un portfolio à partir de votre profil Github
Temps de lecture estimé : 2 minutes

Portfolio vous permet de créer automatiquement un portfolio à partir de votre profil Github.

Grâce à l’api de github, il permet de générer une page html se basant sur votre profil et votre liste de projets. Cliquez ici pour voir un exemple concret

Exemple de portfolio créé avec GPortfolio
Exemple de portfolio créé avec GPortfolio

GPortfolio : une base solide

Gportfolio a été pensé par et pour des développeurs, vous bénéficiez notamment de :

  • Documentation du code
  • Des Filtres pour trier la liste des répertoires reçue par l’api github
  • Webpack + babel + es6
  • The Open Graph protocol
  • Multiple template support
  • Mode Progressive Web Apps (PWA) – fonctionne en offline
Comment installer GPortfolio

Après avoir lancé la commande  npm run deploy , le script « utils/deploy.js » est lancé, ce qui initialise git dans le répertoire « dist » and fait un « force push » dans le répertoire <username>.github.io ou dans <repo> dans la branche  gh-pages
npm run deploy – écrase tout ce qui a été fait précédemment


Comment obtenir les répertoires d’une entreprise ?

Vous devez obtenir un token de Github avec accès au public_repo, puis vous devez l’ajouter dans config.js

Comment faire un nouveau template

Lancer d’abord la commande permettant de créer les fichiers de base nécessaires : (<name> – à remplacer par le nom de votre nouveau template)
$ npm run template <name>

Changer ensuite le template utilisé dans le fichier config.js :
module.exports = { template: ‘default’ // <name> }

Lancer le projet avec le nouveau template en mode dev :
$ npm run dev

Comment mettre à jour les informations fournies par l’api ?

Les informations utilisent le cache de API Github. Elles ont u ne durée de vie d’une heure environ, mais vous pouvez forcer la mise à jour en supprimant le répertoire cache

Comment changer l’icone de favori

Il suffit de mettre le fichier favicon.ico dans le répertoire assets

Send a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.