Skip to content

8. Personnalisation du projet

1. Personnalisez votre site

Pratique : Révisez Git avec le cours en ligne https://try.github.io/ ou encore avec le livre en ligne avec https://git-scm.com/book/en/v2/.

Pratique : Apprenez le langage Markdown: Markdown est essentiellement une syntaxe pour un format de texte simple, facile à lire, qui est conçu pour être converti en HTML (source). La plupart des moteurs de blogs ont commencé à offrir un support pour Markdown, y compris Wordpress.

Pratique : Installez localement un outil de développement web qui offre un support du langage Markdown, comme Sublime Text, Atom, Visual Studio Code, ou Brackets.

Localement, personnalisez votre site et déployez-le:

  1. Cloner localement le "repository" https://github.com/myaccount/monsite01/.
  2. Ajoutez des pages de contenu écrites dans Markdown dans le répertoire docs/.
  3. Configurez le fichier mkdocs.yml et ajoutez la partie récapitulative.
  4. Validez et appuyez sur votre nouveau code avec git.
git clone https://github.com/myaccount/monsite01/
cd monsite01
vi docs/index.md
vi mkdocs.yml
git add *
git commit -m "personnalisation de site"
git push

Veuillez revenir à votre interface Web Netlify pour vérifier votre build et le déploiement du site Web.

Note: Vous pouvez trouver de belles photos de qualité sur Unsplash (gratuit). Vous pouvez optimiser et transformer des images avec Snappa (commercial), CloudConvert permet de convertir des fichiers notamment vers le format Markdown.

2. Aller plus loin

Pratique : Revoir théorie des motifs MVC, concepts CSS, langage HTML et concepts SEO, Google Analytics, Google Search Consol, Woorank.

Allez plus loin avec vos nouvelles compétences:

  1. Créez un ID de suivi Google Analytics.
  2. Créez un site dans votre compte disqus.
  3. Enregistrez le site sur Google Search Console et lancez l'indexation du site.
  4. Créez un docs/images/ pour stocker des images locales au site Web.
  5. Intégrez un formulaire Mailchimp ou un widget Twitter, ou ajoutez un bloc de bannière AdSense.
  6. Modifier le thème MkDocs et/ou exploiter leur CSS.
  7. Validez votre site avec Woorank.