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.
Pages Github: les sites Web peuvent être créés sur Github à partir de fichiers texte avec balisage et / ou code HTML. Des mises en page plus sophistiquées sont également possibles avec des thèmes.
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.
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
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:
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:
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 ".
Créer des sites Web avec Jekyll sous Linux
Il est préférable de développer des sites Web plus complexes sur votre propre ordinateur. C'est plus rapide car le résultat des modifications peut être vu immédiatement et vous n'avez pas à attendre Github. Sur Ubuntu, installez les packages requis:
Ensuite, installez le kit d'installation des modules Ruby nécessaires
et démarrez le serveur Web pour l'aperçu:
aperçu du rake d'exec de bundle
Appeler dans le navigateur
http: // localhost: 4000 / test /
sur. Le contenu de la démo est sous "erreurs minimales / test / _pages". Chaque fois que vous ajustez le contenu d'un fichier, rechargez la page dans le navigateur pour voir la modification. Vous trouverez une documentation détaillée de la configuration du thème
