Instructions: page d'accueil de l'hôte sur Github – Bien Etre


Aucun système de gestion de contenu n'est requis pour des informations simples sur Internet – et vous n'avez pas à dépenser d'argent pour cela. Si vous ne souhaitez publier que quelques informations sur le Web, vous pouvez utiliser une alternative simple.

Les petites organisations, clubs ou particuliers créent souvent des sites Web qui ne contiennent que des heures d'ouverture, des adresses, des itinéraires ou des dates d'événements. Vous n'avez pas besoin de WordPress pour cela, des pages HTML statiques suffisent. Cela offre également une sécurité maximale, car seuls les sites Web générés dynamiquement avec des scripts PHP peuvent être attaqués. Les pages HTML statiques peuvent être utilisées par n'importe quel hébergeur. Il y a une offre gratuite à

Github
. Github s'adresse principalement aux développeurs open source, mais convient à tout type de site Web, y compris les blogs. Cependant, la taille du site Web ne doit pas dépasser 1 Go et une utilisation purement commerciale n'est pas autorisée.

Sites Web simples sur Github

Github est un service destiné aux développeurs qui souhaitent publier et partager le code source de leurs projets. Cependant, un site Web peut également être mis en place, qui peut ensuite être consulté via l'adresse

https: //[Benutzername].github.io

est réalisable. Dans le cas le plus simple, il s'agit de quelques fichiers texte dans lesquels des instructions de format pour les titres, les caractères gras ou les listes peuvent être incorporées. Markdown est utilisé, ce qui est facile à apprendre avec sa syntaxe minimale. Si vous avez des connaissances en HTML et CSS, vous pouvez également télécharger des fichiers HTML sur Github. Cependant, il est plus facile d'utiliser des thèmes prêts à l'emploi et de les adapter à vos propres besoins. Allez sur https://github.com et créez un compte utilisateur après avoir cliqué sur «S'inscrire».

Le nom d'utilisateur choisi fait partie de vos URL Github. Alors choisissez-le soigneusement. Une fois connecté, cliquez sur «Créer un référentiel». Sous "Nom du référentiel", appuyez sur

un. L'espace réservé "[Benutzer]«Remplacez-le par votre nom d'utilisateur github réel. Cochez la case «Initialiser ce référentiel avec un README» et cliquez sur «Créer un référentiel».

Editez le fichier "README.md" après avoir cliqué sur le symbole du crayon et incluez un exemple de texte. Vous pouvez trouver un aperçu des commandes Markdown qui peuvent être utilisées sous

https://github.github.com/gfm
. Les lignes suivantes créent un document HTML avec un en-tête 1 (

), une rubrique 2 (

) et un texte avec la distinction "gras" ().

Faites attention aux espaces après "#" et "##". Vous pouvez voir un aperçu de la page après avoir cliqué sur "Aperçu des modifications". Enregistrez la page en cliquant sur «Commit Changes».

La création du site Web peut prendre un certain temps à Github. Lorsque le processus est terminé, vous verrez le lien «github-pages» en bas à droite sous «Environnement». Cliquez dessus pour savoir quand le contenu a été publié. Puis appelez

https: //[Benutzer].github.io

sur. Github reconstruit le site Web après avoir modifié et enregistré un fichier. Il y a une limite de dix changements par heure.

Conseil de lecture:

Le meilleur stockage cloud gratuit d'Allemagne

Incorporer des images dans un site Web

Formatage avec Markdown: La documentation https://github.github.com/gfm explique la syntaxe Markdown, fournit des astuces et de nombreux exemples pour la conception des pages Web.

Agrandir

Formatage avec Markdown: La documentation https://github.github.com/gfm explique la syntaxe Markdown, fournit des astuces et de nombreux exemples pour la conception des pages Web.

Si vous souhaitez que les images apparaissent sur le site Web, téléchargez-les d'abord. Pour une meilleure vue d'ensemble, vous devez placer les images dans un dossier séparé. Cliquez sur "Ajouter un fichier -› Créer un nouveau fichier ". Tapez ensuite images / .gitkeep et cliquez sur "Commit new file". Le dossier «images» s'ouvre et vous cliquez sur «Ajouter un fichier -› Télécharger des fichiers »Faites glisser les fichiers souhaités du gestionnaire de fichiers vers la zone en surbrillance.

Ensuite, ouvrez «Readme.md» pour le modifier. Pour une image, mettez une ligne dans la forme

![Alt-Text](images / EinBild.jpg "Titre de l'image")

un. Le chemin d'accès à l'image est relatif à l'emplacement de "Readme.md". Dans notre exemple, le fichier «EinBild.jpg» se trouve dans le dossier «images».

Utilisez HTML avec Markdown

Github traite également le HTML dans un fichier Markdown. Si nécessaire, une image peut être intégrée à l'aide de la balise "img" et la taille de l'affichage peut être modifiée:

Texte alternatif "width =" 250

Assurez-vous qu'il n'y a pas d'espace avant la finale “/>". En spécifiant" width = ", le navigateur réduit la taille de l'image affichée à 250 pixels. Il est également possible de faire circuler le texte autour des images à l'aide du code HTML:

Lorem ipsum

Concevoir des sites Web complexes avec des thèmes

Plus de thèmes: vous pouvez trouver de nombreux thèmes Jekyll sur https://jamstackthemes.dev/. Transférez les fichiers dans votre propre référentiel et apportez les modifications requises.

Agrandir

Plus de thèmes: vous pouvez trouver de nombreux thèmes Jekyll sur https://jamstackthemes.dev/. Transférez les fichiers dans votre propre référentiel et apportez les modifications requises.

Github génère les sites Web avec

Jekyll
, un générateur de pages Web statiques. L'outil offre de nombreuses options et peut également être utilisé sans Github sur le PC Linux (voir encadré). À l'aide de modèles prêts à l'emploi, vous pouvez créer des sites Web pour tous les besoins, tels que des portfolios ou des blogs. La configuration s'effectue via «Paramètres» et cliquez sur «Choisir un thème» sous «Pages GitHub».

Sur la base de l'aperçu, vous choisissez un thème et cliquez sur "Sélectionner un thème". Quiconque ne trouve pas ce qu'il cherche ici montera

https://jamstackthemes.dev/ssg/jekyll
. Vous avez le choix entre plusieurs centaines de thèmes, dont une démo en direct. Cliquez sur «Github» pour accéder au référentiel Github associé, qui fournit des informations sur l'installation et la configuration. Il est plus flexible de transférer le référentiel de thèmes vers votre propre instance Github en cliquant sur "Fork".

Vous pouvez ensuite ajuster les fichiers comme vous le souhaitez, mais cela nécessite une certaine formation. Changez le nom du référentiel via "Paramètres" en "[Benutzer].github.io ".