Créer et héberger votre premier site Web pour 0 € - Un guide complet pour débutant

1. Introduction: Salut, tout le monde. Bienvenue à mon premier cours en Écosse. Continuer. Je suis un développeur web de pile complète. Dans ce cours, je vous apprendrais à construire et à héberger votre premier site web personnel sans frais. Vous devez avoir une expérience de codage préalable car je vais décomposer l'étape comme détails possibles. Et assurez-vous de me suivre sur des trucs d'habileté car j'aurai du contenu génial qui sortira régulièrement pour vous apprendre tout sur le codage avant de plonger dans le cours un peu sur moi-même sur le chinois bilingue. Oh, je n'ai pas de formation traditionnelle en informatique. Mon éducation était en fait dans le journalisme et la communication. Je crois vraiment que le codage est une compétence qui peut être construite tout comme la façon dont vous construisez vos muscles et vous apprenez en construisant des projets. Lorsque vous parcourez la vidéo du cours par vidéo, assurez-vous d'être plein des étapes, puis partagez vos sites avec nous au sein de la communauté. Et n'hésitez pas à me poser des questions et je ferai de mon mieux pour y répondre dans les plus brefs délais . Maintenant, allons-y 2. Un aperçu de ce que nous allons construire: 3. Ce cours est-il fait pour vous ?: Bon, maintenant, revenez à la vraie entreprise avant de plonger dans le cours pour vous aider à construire et à héberger un premier site web gratuitement. Je voudrais m'assurer que vous vous sentez prêt et que vous vous sentez comme vous dans la bonne voie. Donc j'énumère quelques raisons pour lesquelles je pense que vous devriez suivre ce cours, vous avez un travail à portée de main et c'est simple. Votre pigiste, votre blogueur ou votre entrepreneur. Vous voulez placer orteil 90 ou socialement dans CV, avoir des services, vous voulez l'énumérer sur le site Web. Si votre blogueur, vous ne serez pas en mesure d'héberger un bloc avec un nouveau site Web et je peux vous dire que leurs outils et simple connaissance de codage sont ce que je vais vous apprendre aujourd'hui qui vous permettrait de construire toutes ces fonctions dans votre web sans cycle. Et vous n'avez pas besoin de payer le développeur ou des plates-formes tierces comme des semaines ou de l'espace carré pour construire ce site génial que vous êtes sur le point d'avoir et parce que vous construisez sur une plate-forme très sécurisée que beaucoup de codeurs aucun monde n'utilise, ça s'appelle Kid Hub. Vous ne voulez pas travailler, vous n'avez pas besoin de vous soucier des problèmes de sécurité sur, et il n'y a aucune base de données à gérer. Et vous n'avez pas à vous soucier de tous les rois PLA qui viennent avec WordPress eso. En bref, vous avez un site web qui satisferait vos genoux très simples. Et, hum, vous n'avez pas besoin de prendre plus de temps, et vous êtes déjà très occupé à vous soucier des bases de données, des problèmes de sécurité et de maintenance. Et tu sais tout ça et tu n'as pas besoin d'orteils. Prenez plus d'argent mensuel pour payer un domaine ou un plan d'hébergement ou un plus froid pour maintenir votre site Web ou 30 pour la plate-forme tierce. Donc, si vous avez l'impression que vous êtes en train de vérifier tous les points, alors ce cours est bon pour vous sur ce cours est construit avec une personne sans expérience préalable en fonction à l'esprit. Donc, je vais vous guider dans l'environnement, mettre en place ce qui est nécessaire pour que ce projet fonctionne 4. Installation: sélectionnez la section. Nous parlons de quelques raisons pour lesquelles ce cours est le bon pour vous. Maintenant, nous avons réglé ça dans cette section, je vais vous guider à travers les étapes et l'installation pour m'assurer que votre ordinateur dispose d' un jeu pour que le projet fonctionne sur votre ordinateur portable. Ce processus de configuration ont des gens n'ont aucune expérience de code à l'esprit. Donc vous n'avez pas à vous soucier de, euh, avez-vous les bons outils dans votre ordinateur ? Je vais vous guider à travers les bases. Il y a donc trois choses dont vous avez besoin. Vous avez besoin d'un éditeur de texte. J' utilise la taxe de fourniture 3. Mais ce n'est pas nécessaire. Il y a Adam et Visual Code Studio. Celles-ci sont gratuites, et elles sont géniales aussi. Alors choisissez simplement un éditeur de texte de votre choix. Assurez-vous juste que ce n'est pas l'éditeur de texte dans le sens traditionnel, comme vous le savez, Microsoft vers. Et ce ne sont pas pour le codage. Vous en avez besoin au rédacteur en chef des impôts. C' est des gens stricts qui codent vous avez besoin de bas. Vous avez besoin de bureau Donald jusqu'à, se lever et également inscrit avec le compte avec Get up. Je vous guide à travers les bases ici sur également joindre des liens pour le logiciel de douter et ensuite aussi besoin d'un terminal terminal où vous interagissez l'ordinateur, parler à l'ordinateur, obtenir des ordinateurs pour faire des choses pour vous. J' utilise l'article, mais ce n'est pas nécessaire. Si vous utilisez un Mac book, l'application Terminal est fournie avec. Donc pour ce projet, je vais juste, euh je vais juste utiliser le terminal à des fins de démonstration. Donc, pour trouver le terminal, vous allez à vous allez à votre deck d'application, puis vous cliquez sur d'autres. Et voici Terminal. Donc c'est toi qui arrive au terminal. C' est là que vous interagissez avec un ordinateur. Maintenant, le morceau de logiciel que j'utilise ce texte sublime sublime Texas attaque éditeur que beaucoup de problèmes de code et puis vous ouvrez le fichier. Vous avez fondamentalement traîné un sublime taxing à l'application. Je l'ai fait. Donc, après avoir installé, Donald a fait et a également installé que nous passons à la prochaine chose, qui est appelé obtenir de l'aide. Je suppose que les gens suivaient ce cours. Il n'a pas de profil à abandonner. C' est comme ça que vous vous inscrivez. Hum, et pas une inscription. Vous verrouillez. Donc j'ai un compte. Je vais juste me connecter ici. Mais voici comment cela ressemble lorsque vous voulez vous connecter et que vous avez des activités. C' est une bonne chose à avoir. Donc je disais que tu devrais le savoir. Montez le bureau. Tu vas au bureau, tu vas télécharger. Vous n'avez ni Mac OS ni Windows. Donc, après vous en bas avec cela, je le conduirais probablement dans l'application. Donc, il vit sur votre application. Bach. Juste ici. Vous suivez les étapes. Assurez-vous que vous verrouillez dans votre enfant, avoir le bureau. Et il y a certaines provinces où j'aimerais que vous vous assuriez que vous l'ayez fait. Donc celui-ci est pour s'assurer que vous avez le bon pied de jeton. Engagez-vous sur le top de votre enfant. Assurez-vous simplement que votre nom et qui nous envoie un e-mail juste et aussi pour le réglage de l'événement, assurez-vous juste que vous choisissez les éditeurs de votre choix. J' ai utilisé la taxe, donc c'est moi qui ai tourné. Mais dans ce cas, je vais utiliser le tribunal pour que les gens puissent me suivre sans voter. Juge Trop de pas en plus, ok. Et tous ces paramètres ont l'air bien sur le Enregistrer. Alors maintenant, nous avons ces trois choses installées dans notre ordinateur. Je pense que c'est le moment idéal pour terminer cette section et passer à la section suivante. On va en parler. Montez la page. 5. Vérifiez et où obtenir de l'aide: Comment vous sentez-vous ? Vous venez de terminer toute l'installation nécessaire dans la section précédente. Vous avez des questions, alors vous devriez aller à. Sous la vidéo, il y a plusieurs robinets. Il y a un robinet que votre projet et vous cliquez sur ce qu'il y a sur le côté droit. urgences ont dit. Fichiers joints et j'aurais des fichiers avec tous les liens d'installation dans le pdf. Donc si tu as des questions sur tous les logiciels que j'ai mentionnés plus tôt, , assure-toi, Donald, Donald, que Andi j'ai tout ce qu'ils sont si finis. Toute l'installation avant de continuer et aussi un peu de ménage sur les questions. Si vous avez des questions, ne souffrez pas en silence. Posé des questions dans la communauté. Tab Iess instructeur vérifierait ça. Vous êtes en train de faire des spéculations et assurez-vous que je peux leur demander le plus tôt possible. Mais aussi, c'est un excellent moyen pour vous le savez, d'autres élèves de l'orteil de classe regardent les questions et s'entraident et apprennent aussi les uns des autres. C' est donc un endroit idéal pour poser des questions dans la communauté 6. Configuration des pages GitHub: Ensuite, on va parler de se lever Page. C' est un moteur d'hébergement que nous allons utiliser pour ce projet car il est gratuit. Ils utilisent aussi Jackal dont on parlera plus tard. C' est ah T. Assurez-vous que c'est un site Web qui connaît le bloc. Deux raisons. Je vous ai déjà dit pourquoi nous utilisons ce qui est bon marché est pas cher pour souligner que vous n'avez pas besoin de dépenser un dollar. Et c'est aussi très léger pour le genre de test que nous allons faire aujourd'hui pour, vous savez, un site web personnel. Nous allons construire ce que nous l'appelons, obtenir de l'aide site utilisateur afin que vous puissiez aller à des pages qui obtiennent un demi point com. C' est une très bonne page d'introduction d'un ski. Il y a deux types. Il y en a un qui s'appelle le côté des utilisations, et il y a le site du projet, euh, que la différence vient vraiment pour la fille. Vous pouvez avoir plusieurs sites de projets car vous avez un nom d'utilisateur. Donc tu en as un. Euh, vous êtes comme ça et ensuite vous pouvez dire barre oblique et ensuite les noms de dépôt, mais pour utiliser un site que nous n'avons qu'un seul, donc revenir à ma page de levage en ont déjà un. Vous utilisez une page dans mes comptes d'aide d'origine. Et c'est pour ça que je vais déconnecter mon compte normal. Et je vais me connecter à un nouveau compte que j'ai enregistré pour cette classe parce que je veux pouvoir enregistrer A Je veux pouvoir enregistrer un site utilisateur sans perturber le site précédent que j'ai. Super. Donc c'est un Brent. C' est à quoi cela ressemble quand vous n'avez pas de dépôt. Donc essentiellement un autre pour l'utilisation décider d'être unique. Vous devez vous assurer que votre nouveau nom de référentiel est votre raisonnement. Si la première partie du référentiel ne correspond pas exactement à celle que vous utilisez, cela ne fonctionnera pas. Et puis on va utiliser cet arrêt pour le mettre en place et commencer un projet. Alors rappelez-vous ce que nous écrivons sur Obtenir des pages d'aide 30 ans pour que l'enfant ait utilisé la page pour fonctionner, nous devons nous assurer qu'ils nom de dépôt correspondent exactement à votre nom d'utilisateur, obtenir hub et puis avec les enfants, hein ? Je o et c'est comme ça que ça marche. Voici comment obtenir ont identifié ce dépôt comme votre lever. Utilisez une page, alors assurez-vous d'obtenir cela correctement. Sinon, ça ne marcherait pas. Si vous obtenez cela correctement, vous pouvez dire créer un référentiel. Et puis parce qu'on a cet arrêt après, on va l'installer comme ça. Vite, monte le bureau. Et ça te dit, euh, cette soeur, tu es à la porte, houblonnée, alors que là et ça va cloner dans ton environnement local sous le document sur le dossier du travail Culkin. Et c'est là. Tu dis « sombre ». Et maintenant tu vas à ton détecteur. Vous continuez à passer sous votre document. Si je me lève, c'est là. C' est votre qui est votre dépôt prétendant que localement il n'y a rien là-dedans encore loin . Pour vérifier si vous avez cela correctement, c'est aller dans votre terminal. Donc c'est une façon humaine de faire les choses. Nous cliquons sur les icônes et nous trouvons les pères. C' est ainsi que nous évaluons le consommateur de la technologie, étant en interaction avec l'ordinateur. A l'origine, les gens qui ont utilisé l'ordinateur communiquent avec l'ordinateur via ce que nous appelons la console le terminal, et je vais vous apprendre juste assez de lignes de commande pour passer. Donc, nous allons dans afin que l s listera tous les dossiers, tous les documents qui sont sous votre route à domicile. Dossier racine du référentiel. Ce petit truc ici, je ne sais pas comment ça s'appelle. Ce petit truc ici, Ce petit symbole ici signifie que vous êtes à la racine quand nous le clonons. Il a dit qu'il était cloné sous le document. Donc nous disons que le CD a été déplacé dans le document et ensuite nous avons dit, ils nous donneront tous les dossiers que nous avons. Donc je vais aller dans le hub et voir là c'est, c'est notre dépôt d'aide qui vit dans notre environnement local. Je vais voir le dans le fichier un grand trucs à savoir quand vous avez plein le nom comme ce mur que vous tapez aussi. Quelques-uns se soucient que tu tapes aussi. Quelques lettres pour vous assurer que vous avez parlé au point qu'il n'y a pas d'autre pour apprendre qui partagent le même début. Et puis vous tabulez et ils se sentiront aussi pour vous. Donc, vous êtes dans le dépôt. Faisons un fichier appelé touch um, Index qu'elle et super quand on va sous le dossier et l'ouvrir avec, um sublime Tex super. On dirait que je viens de le mettre à jour. Donc il n'y a rien dans l'index. Honte. Comment encore ? C' est un peu magique, justepour vous donner un avant-goût du développement ici. C' est un peu magique, juste D' accord. Vous l'enregistrez et puis vous ouvrez, essayez de l'ouvrir dans le navigateur là. C' est comme, la première étape que chaque développeur passe par. Hum, maintenant tu l'as fait. Tu es développeur maintenant. 7. S'en une ligne: Nous apportons donc des modifications au référentiel localement. Et quand vous revenez pour obtenir le top du bureau d'assistance, vous voyez le changement apparaître dans les verrous de changement. Vous devriez vous engager dans votre branche, votre branche maître. Et je vais rester ici. Cela signifie lancer le dépôt, je peux dire pour tester. Euh, et j'ai dit, s'engager auprès de Maître. Et parce que j'ai mon git, um jeton mis en place. C' est là que je disais tout à l'heure au sujet des préférences. Assurez-vous d'avoir cette étape configurée , , afin que cette étape se déroule en douceur. Il y en a trois que j'appelle les trois étapes de Se lever, vous changez. Et après avoir apporté des modifications, vous vous engagez. C' est ce qui s'est passé. Juste ici. Vous écrivez un résumé et quelques descriptions à propos de quoi ? Qu' avez-vous changé dans ce commit particulier et ensuite vous commettez réellement. C' est la deuxième étape. Tu ne l'as pas fini. Donc, quand tu vas à ta page de levage maintenant, euh, tu étais frais. Il n'arrive rien ? Euh, vous l'avez commis localement, mais ce n'est pas dans le monde bondé. Donc, pour ce faire, vous devez publier. Super. Maintenant, j'ai dit est publié et vous allez à votre dépôt et git rafraîchissant. Vous verrez que votre co s'est pointé il y a deux minutes. Cela signifie se lever sait que vous faites le commit localement il y a deux minutes. Donc publier signifie juste que c'est maintenant dans l'air. Donc c'est génial. Vous avez votre première page de se lever, commettez ceux qui sont restés à l'antenne. Je veux te montrer que c'est vraiment cool. Rappelez-vous qu'on a parlé du comte tout à l'heure. Maintenant, vous tapez cela et appuyez sur retour. C' est votre page. C' est en ligne. Il n'y a pas, il n' y a pas de tracas. n'y a pas de frais. C' est en ligne et c'est Ah, c'est ta page avec la vôtre, tu es sorti et c'est complètement sous ton contrôle. J' ai un avant-goût de la magie des pages de levage. Je suis sûr que vous êtes tellement excité orteil. Creusez et personnalisez vos pages à votre goût, et c'est ce que nous allons faire lors de la prochaine session avec Jacko 8. Get en quelques secondes avec des thèmes de Jekyll: Grayson dernière section. Nous, euh nous sommes vraiment excités de lancer ce site web en ligne avec une seule vie, hum, à Shimo. Et ce n'est pas ce qui se passe. Nous voulions construire un site web qui a toutes les fonctions dont nous avons parlé plus tôt. Vous savez, des liens vers vos réseaux sociaux et peut-être aussi un endroit pour bloquer ont été placés à M. Services. Et comment pouvons-nous le faire avec une connaissance très limitée du codage ? C' est pour ça que nous allons, euh, cet outil de thèse appelé Jackal. Donc fondamentalement, ce que l'ISS est, euh, c'est un site statique. Uh, générateur qui, euh, tout ce dont vous avez besoin, c'est de mettre votre taxe d'avion, et ça va se tourner vers des sites web et des blocs. Et il y a tellement de modèles là-bas qui vont s'adapter. Tu en as besoin. Je vais entrer un peu plus tard. Donc ce chacal tout entier, c'est un rubis Jim. Cela signifie donc que vous devez vous assurer que votre ordinateur sera préinstallé sur le chemin de la vérification. C' est très simple et clair. Mon conseil est en tapant Ruby Dobby, et si vous obtenez un résultat comme celui-ci, ceci après exact ne doit pas être 2.5, ça peut être 2.4 ou 2.3. Si vous avez un problème avec cela, vous n'avez pas de version Ruby sortir quand vous tapez ceci, cela signifie que vous n'avez pas Ruby Princeton. Je vais mettre que vous avez un pdf. Vous pouvez aller sous l'onglet de votre projet, puis être sur le dessous des fichiers joints. J' aurai une autre Pia. Après avoir fait cela, vous pouvez revenir à la vidéo. Et il est temps pour nous d'essayer la magie de Jekyll. Donc, la façon dont vous le faites, c'est très simple. Comme ça. Instructions de démarrage rapide. Il n'y a vraiment que quelques lignes. C' est un rubis. Jim, tu veux t'assurer qu'il est installé. Super. Vous devez, euh, James installé. Maintenant, c'est que c'est le mot magique. Euh, ce truc juste là. Donc, cette partie Jekyll New est la commande et freelancer est juste le nom du projet. Fantastique. ce moment, vous avez un dossier ici, pigiste. Oui. Je m'assure que vous voyez l'en trois, et maintenant vous avez un tas de fichiers qui sont générés par un seul code de mensonge ici. Je vais vous montrer à quoi ça ressemble et a l'adresse des serveurs d'exercice ici. C' est le port 4000. Nous retournons ici, tapez local, post 4000 Donc ce site zéro, quand il semble que si vous commettez cela sur votre get help compter quand vous êtes sur Jekyll savait quelque chose. C' est le thème par défaut que Jackal va installer dans votre projet, où il s'appelle Minima. Il y a des tonnes d'autres thèmes que je vais aborder pour m'assurer que vous puissiez faire les choses que vous voulez faire sur votre site Web. C' est, vous savez, juste un avant-goût de ce que Jackal vous permet de faire et juste un œil. Donc célébrer plein de mes étapes et assurez-vous que vous obtenez cette étape droite étape prochaine va passer à la façon de personnaliser comment changer ces contenus, comment le, um liens vers vos liens au lieu des liens par défaut attraper la vidéo suivante. Mais assurez-vous que cette étape est configurée 9. Puissance de thèmes: la dernière section. Nous avons réussi à générer un site en quelques secondes et juste un mensonge avec Jekyll. Je veux juste récapituler un peu avant de passer à autre chose. Assurez-vous de connaître les bonnes étapes, parce que dans les prochaines vidéos, il va être vraiment en profondeur pour changer le site de repas des petits détails. Donc je veux m'assurer que tu as bien compris. Eso que vous suivez avec nous sans problème. Donc j'ai parlé tout à l'heure parce que Jackal est un Ruby Jim, donc Ruby est une langue. La façon de le vérifier était de vérifier en tapant votre consul Ruby Space Dash B. Et puis il y a un résultat. S' il y a un résultat, comme un nombre comme un 2.52 point quatre, il n'a pas besoin d'être exact. Mais c'est bien que vous ayez une pièce soit installée, alors vous êtes bon d'y aller. Et puis, euh, on a parlé de ces mots magiques. Il y a vraiment des mensonges complets dont vous avez besoin pour faire monter le site le matin. Le 1er 1 est d'installer le Jackal Jim dans votre dossier, et après cela, vous générez un projet avec Jackal. Lorsque vous avez gagné que mon âge a essentiellement généré un dossier qu'il est nommé avec le nom du projet vous avez choisi, puis assurez-vous que vous vous déplacez dans le CD membre du dossier malgré le déplacement dans le dossier et après avoir passé dans la photo, vous êtes dans le projet The Jackal Projet. Ensuite, vous exécutez la ligne la nuit dernière Bondo Exactement. Jekyll a servi. Et puis il vous donnera un peu comme un Vous êtes, mais pas exactement. Et puis, après le je vais te montrer, donne-moi cette ligne. Il sert sur l'hôte local 4000. Vous n'avez pas besoin de chercher cette mine à chaque fois parce que Jacko servi par défaut utilisait Deport 4000. Donc, vous allez dans votre navigateur, vous pointez vers l'hôte local 4000 et puis il n'y a que des sites. Laissez-moi revenir à notre consul. La façon dont l'accent hors du service se souvient du service en cours d'exécution. La façon de le faire arrêter est d'appuyer sur contrôle et de voir en même temps, assurez-vous que c'est si vous avez un Mac book, ce n'est pas une commande. Voir son contrôle, voir sortie après lui. En fait, c'est la nouvelle bonne course aux orteils. D' autres commencent. Donc, dans le dossier de gym, c'est comme ça que Jackal. C' est ce qu'il veut dire par thème basé sur Jim. Lorsque vous créez un nouveau site Web en exécutant cette commande, vous utilisez essentiellement le thème basé sur Jim par défaut appelé Minimum. Disons que le thème par défaut ne correspond pas vraiment à votre besoin. Et comment allez-vous chercher d'autres thèmes ? Heureusement, il y a un cycle Web. Ruby Gems qui hébergeait toutes les gemmes publiées sur la plateforme Ruby Gems. Vous allez à Ruby Gems, Doc ou puis vous recherchez des thèmes chacal. Vous pouvez voir comment les gens les téléchargent. Ça veut dire de l'aide ici. fait qu'ils soient signifie aussi un soutien plus fort pour les thèmes. Une scène typographique à l'arc. Tu vois à quoi ça ressemble ? Essayons d'utiliser ce thème pour notre site Web, et comment pouvons-nous le faire ? Reprenons le film sur les pieds James dot org Donc généralement quand vous allez dans ces fichiers Jim, ils ont des documentations, et généralement quand la salle de gym est bien gérée, cela signifie qu'ils ont une très bonne documentation. Ils ont un guide d'installation très détaillé. Nous avons juste besoin de suivre étape par étape donc fondamentalement nous avons besoin d'ajouter Ally pour spécifier la salle de gym, et ensuite nous devons changer le thème pour Jekyll Swiss, puis le bundle, et c'est tout. C' est donc une autre façon de le faire. Mais dans le but de comprendre Jekyll comment chaque fichier se connecte les uns avec autres, nous allons aller chercher ce germe. C' est plus manuel. Alors revenons à ça. Et j'aime copier le fichier Jim directement à partir d'ici parce qu'il a exigé la version ici. Copiez ici et revenez à mes fichiers de gym. Je vais remplacer cette ligne par une nouvelle ligne, et puis l'étape suivante à faire est d'aller au fichier come pick young. Donc, ce fichier est probablement le fichier le plus important dans l'ensemble du dossier Jackal. C' est ainsi que vous contrôlez et transformez le changement en un bloc entier. C' est bon thème ici et toujours réglé sur Numa. Tu te souviens ? Nous avons vu sur le guide d'installation Ils ont dit, changer ceci en balayage pour retour. Assure-toi qu'on a bien compris. Document. Et elle a ajouté slyly au côté de Jekyll. Nous avons déjà un mensonge sur le thème, donc nous avons juste besoin de le changer. Demandez à Jackal, Suisse. On le sauve. Maintenant, nous nous regroupons. Super. Donc, si vous regardez attentivement ici vous si je chacal Swiss, il est installé et nous allons voir si elle est affectée. Assurez-vous que vous avez ce saut de ligne. Retournez à cette page. Nous avons assez frais Votre site n'est pas non plus n'est pas si simple ? Maintenant tu as le même design, euh, en une seconde, juste changer deux lignes. Donc, dans cette session, nous allons parler exactement de la façon dont vous apportez des modifications au titre de votre site. Tous ces trucs. Si vous avez des questions, assurez-vous de les partager dans la communauté. 10. Qu'est-ce aujourd'hui ?: pour récapituler, aura appris jusqu'à présent. Nous avons réussi à utiliser le thème par défaut pour sortir et courir en une seule nuit. Et nous savons aussi que la section a réussi à utiliser une gemme que nous avons cherché sur Ruby Gems Doc Cork et a ensuite réussi à l'installer sur un nouveau site. Alors rappelez-vous comment on a dit que vous deviez travailler James Doc, et ensuite vous cherchez Jackal ? Je veux dire, et puis ce sont tous les thèmes. Et nous, euh, nous nous souvenons que nous avons choisi la scène suisse ici et une copie collée. Celui-ci parce qu'il a un numéro de version juste ici. Et puis je vais dans leur page d'accueil et c'est à ça que ça ressemble. On est d'accord avec ça. La documentation géniale, mo comment nous suivons cette documentation. Nous changeons un thème dans notre dossier de gym ici. Et nous aussi dans notre config, changer le thème pour Jekyll Swiss, puis nous étangons le faire. Juste ici pour installer toutes ces nouvelles dépendances de fichiers de gym pour que le site sache quel Jim utilise la vapeur. Juste ici pour installer toutes ces nouvelles dépendances de fichiers de gym pour que le site sache quel Et puis nous lançons ce paquet de ligne magique sauf déco servir pour l'obtenir en ligne sur. Ensuite, nous signalons le navigateur au port 4000. Et puis, même si c'est drôle 11. Personnaliser votre site: maintenant en utilisant un thème, mais vous voulez être en mesure de changer peut-être la couleur, peut-être le titre. Et comment faites-vous ça ? Habituellement, j'aime revenir à la documentation et voir s'il y a une spécification qui était bateau dans, que vous pouvez changer facilement, exactement comme beaucoup d'espace blanc. Vous n'aimez pas l'obscurité de l'apparence par défaut. Revenons à la cueillette impliquée. C' est ainsi que vous faites beaucoup de changements pour personnaliser votre site Web ? Les changements que j'ai habituellement fait au début, ce que nous faisons en ce moment, mettre en place la base et ensuite vous n'êtes pas censé toucher cette vile très souvent. Donc c'est sûr à Retourner au conseil. Ne pars pas. Jack Cooley, monsieur. Tu vois ça ? Je veux dire que c'est en cours d'exécution. Oui, nous sommes frais maintenant vous avez appliqué le nouveau semblant, euh, sur votre site. Revenons à notre répertoire. J' aime changer de titre. Dites que j'ai changé pour répondre à Looker. Ça commence. Super. Maintenant, j'ai changé un titre et maintenant quand je clique, ces choses vont à la, um pense que je mets ici peut juste vérifier ici Il va au profil Youling aussi. Super. Alors, comment puis-je changer à ce sujet ? À propos de MD markdown ? Donc c'est juste essayer. Je prends ça. Et rappelez-vous comment nous devons arrêter de courir et courir à nouveau avec des changements dans lui Fichier. Lorsque vous apportez des modifications dans un fichier markdown dans votre publication, vous n'avez pas besoin de le faire. Jekyll est assez intelligent pour générer automatiquement ce type de contenu. Vous voyez, c'est là-haut. Il y a donc une description du site. J' ai oublié de changer ça. Sauve ça. Rappelez-vous que je vous ai dit que lorsque vous apportez des modifications dans ces fichiers, cela refléterait automatiquement. Et quand vous faites des changements dans ce fichier, ce n'est pas parce que je vais vous montrer. Tu vois, ça n'a pas changé. Donc, vous devez vous assurer d'arrêter cette exécution à nouveau, puis vous le faites refléter les modifications apportées à l'ensemble du site. Et maintenant c'est là. Donc ça a l'air bien. Et si tu aimes faire du changement, supposons que c'est très utile. Il vous indique comment créer un fichier. Assurez-vous que le nom de cette convention. Donc cette année, Dash monstre date Dash, Nommez votre nom de votre poste. Bienvenue à Jackal. Le titre et puis e Eckstine est de l'extension, et dans ce cas, il est marqué. Alors assure-toi que tu as bien compris. Sinon, vous ne réfléchiriez pas sur le bloc. Si vous ne savez rien sur Ruby, ne vous inquiétez pas pour ça. Mais si vous êtes si vous le faites, c'est là que vous pouvez insérer est comment peut insérer des extraits de rubis si grand. Regardez autour de vous, faites quelques changements. pouvez vous assurer de faire une capture d'écran de ce que vous avez dans votre site Web Partager comme votre projet. Je vais vous attraper dans la prochaine vidéo. 12. Publier vos changements: Donc, dans la dernière vidéo, nous parlons de la façon dont vous apportez des modifications, personnalisez un contenu sur votre site Web, mais nous voulons juste vous assurer que vous vous souvenez toujours comment le pousser sur vous obtenez des pages. Alors revenons pour avoir un bureau. Sans aucun doute, il y a un tas de changements. Je vais arrêter ça de courir, donc je vais supprimer Small pour les tests. Mm. Dans la première leçon. Et puis j'étais juste clean. Je vais commettre ça. Vous dites utiliser vu, engagez à maîtriser, puis publiez. La page est introuvable. C' est parce que nous avons tout imbriqué sous le dossier Freelancer. Donc, nous voulons déplacer tous ces fichiers à la racine, puis supprimer cette réponse de tweet puis revenir en arrière. Teoh, lève-toi cet arrêt. Et il a tous ces changements que vous pouvez dire, Déplacer vers les fruits, commettre pousser et puis revenir ici. Assurez-vous que vous avez changé cela. Impressionnant. Tu reviens aux pieds et tu as la vie. Ce problème en direct avec un thème que vous aimez et avec des contenus et des liens adaptés à votre projet. Comme je l'ai dit, faites quelques changements. Assurez-vous qu'il est vivant et j'aimerais voir des captures d'écran ou des liens dans l'onglet communauté ou en tant que projet. Je m'assurerai de commenter chacun de vos projets, alors s'il vous plaît assurez-vous de partager avec la communauté. Donc, tous les étudiants pour le royaume de l'autre, je vous verrai dans la section suivante. 13. Mode de projet : planification: félicitations. Jusqu' à présent, si vous suivez toutes les étapes et les vidéos, vous êtes capable de générer le côté Jackal en une seule ligne en utilisant leur chose par défaut. Ou vous savez aussi où trouver des thèmes basés sur Jim en ligne, ce que vous avez fait en me suivant, en utilisant le Swiss Jim dans les vidéos précédentes. Alors rappelez-vous, au début de la classe dont nous avons parlé, vous vouliez avoir un site web, et c'est pour ça que je pense que ce cours vaut la peine, c'est que vous allez construire un projet partir de votre et à ce stade, Je pense que je vous encourage fortement. Commencez à faire votre propre projet en suivant mes vidéos ou commencez à planifier le type de fonction que vous aimeriez avoir dans votre site Web et recherchez des thèmes en ligne qui conviendraient. Vous avez besoin de la planification du site Web, c'est la moitié du travail. Donc, pour votre projet à la fin de la classe, je voudrais que vous choisissiez un thème au gymnase basé sur lequel nous sommes familiers. Et il y a aussi un autre type qui est référentiel cool hébergé et beaucoup plus comme des thèmes open source que je repost pour être hébergé l'hôtesse Jen sur Ruby Gems. Et dans les prochaines vidéos, je vais utiliser l'une de ces vidéos pour vous apprendre comment. Si vous trouvez l'un des thèmes hébergés par son dépôt, je vous apprendrai à utiliser ces thèmes dans votre site Web. Une fois que vous avez choisi le thème et que vous les ayez installés dans votre projet, je veux que vous personnalisiez le contenu en fonction de vos besoins. Et puis, surtout, je veux que vous utilisiez les connaissances que vous avez apprises jusqu'à présent pour le lancer afin que d'autres personnes puissent voir un site Web. Et surtout, nous sommes dans la classe. C' est une communauté sur l'expérience d'apprentissage. Je suis vraiment excité de voir un projet. Et je vous promets, si vous partagez votre projet, je télécharge une capture d'écran page d'accueil et aussi un lien. Eh bien, juste ne pense pas aussi. Vous obtenez des pages d'aide en tant que projet. Je ferai des commentaires sur chaque projet que j'ai reçu. Alors, êtes-vous prêt pour ça ? Si vous êtes prêt , , utilisez les prochaines vidéos pour vous aider à solidifier ce que vous avez appris jusqu'à présent . Et puisque je vais aller plus en profondeur, vous pourriez être utile pour nettoyer certaines des questions que vous pourriez avoir lorsque vous développez vos propres sites Web. Et si vous ne vous sentez pas prêt, vous pouvez utiliser les vidéos suivantes. Un guide za pour vous aider à vous familiariser avec le processus, et éventuellement vous serez en mesure de construire votre propre dans n'importe quelle situation. Je suis excité de construire un côté service à vos côtés pendant que vous construisez le vôtre. Cette fois, je vais aller plus en profondeur et j'espère que nous répondrons à certaines des questions de ma moitié lorsque vous construisez votre propre site Web. Je te vois dans la vidéo suivante. 14. Mode de projet : choisir un thème: Alors faisons juste une simple recherche Google sur les thèmes jackal et voyons ce qui arrive. Donc, le premier résultat qui vient est ce cycle Web Jekyll thèmes, chien ou est un site Web génial qui a hébergé beaucoup de thèmes open source, et vous devriez être en mesure de cliquer sur chacun des thèmes. Lisez sur les fonctionnalités sur également aller à leur page d'accueil, et celui-ci a démo que vous pouvez cliquer dans le jeu autour avant de décider que c'est bon pour moi. Donc, dans les vidéos précédentes, nous avons construit un site Web qui ressemble plus à un bloc. Donc, pour les prochaines vidéos, je voudrais construire une page de prêt qui est pour les services de listage. Je pense que ça pourrait être utile pour certains d'entre vous. Donc il y a un onglet Donald a frappé les fichiers Donald SE. Ouvrez-le et faites-le glisser sur votre bureau, et vous devriez. Si vous n'êtes pas sûr que ce soit, c'est le bon site Web. Tu veux juste jouer. Je vous recommanderai d'ouvrir un nouveau conseil ici ville dans cet électeur et de jouer autour. Faites quelques modifications avant de copier, collez tous ces et supprimez le glisser Ces ici. Mais dans ce cas, j'ai vraiment décidé que c'était le bon thème pour mon projet. Je vais copier les jours et tous les jours Tout cela get up le directeur de la page est venu est directement lié à votre enfant jusqu'à compte. Donc, toutes les modifications apportées aux dossiers Indus seront suivies sous obtenir de l'aide qui s'arrête comme vous le voyez ici. Donc, la première lumière ils sont chacal six ligne qui est financé viande que nous lançons fichier Jim pour garder une trace des gemmes que vous avez installé ce répertoire domestique. Vous voyez, il y a un nouveau dossier de travail. Uhm je vais l'ouvrir en fournissant du texte afin que vous puissiez voir mieux dans cette annonce que l'on se trouve au Jackal Jim dans le fichier et aussi un tas d'autres fichiers qui est nécessaire pour que le site Jackal fonctionne. Et puis vous dites que vous installez, vous dites défaire exact chacal, monsieur. Ses lignes familières. Ok, allons voir l'hôte local 4000 et voir si le regard magique est fantastique dans la prochaine leçon, nous allons changer. Nous allons personnaliser ce site web en changeant le titre lié aux médias sociaux et en listant certaines surfaces. Donc, je vois dans la leçon suivante 15. Mode de projet : la structure de fichiers et les fonctions et: la dernière vidéo. Nous cherchons un thème Jackal en ligne, et nous courons que cette salle de gym complète installé Pando Jackal. Et nous avons aussi lancé Jim 5 en courant. Le grouper. Donc nous y voilà. Nous sommes exacts pour personnaliser ce site Web. Fais notre maison. Je voudrais retourner chez le chacal. Documentation sous la structure de répertoire pour juste vous donner une idée. Qu' est-ce que ces dossiers ? La guerre. On a utilisé la société en cinq ans pour changer. Ah, les données sur le site. Et nous aussi, nous connaissons aussi le dossier Post. Plusieurs est également généré par le moteur Jackal, où c'est là que vous n'êtes pas censé toucher, Donc comprend comprend des spectacles pa qui peuvent être fait le match avec votre mise en page sur maintenant est fondamentalement un modèle pour la scène à envelopper. Le contenu est des chapeaux de poste. Donc nous retournons et regardons autour de cette photo. Vous pouvez voir qu'il y a une section à propos qui, je crois, correspond à cette partie. Et il y a un contact, euh, ce qui est je pense que c'est par ici. Ce rôle et il y a Footer et d'autres dans la maison essentiellement organisé ces partials dans un ordre de sorte que votre page Hesse a un bon flux hors contenu. En regardant ce fichier, vous ne pouvez pas vraiment voir. Tu ne peux pas vraiment voir Twitter se passer quelque chose. Alors, comment est-ce devenu ça ? Donc, vous voyez leur taille sociale et sociale titre et comment ? Ça ne sait pas. Souviens-toi, on parle on parlede feu tout à l'heure. Le dossier de condamnation. Ceci est fondamentalement, comme une base de données à l'échelle de l'État où vous effectuez votre configuration initiale, puis ces données seront reflétées dans différentes parties de votre site. 16. Mode de projet : personnaliser votre site (partie I): la partie sociale était donc là. Essayons de faire quelques changements ici juste pour tester. Je voudrais ajouter une autre attaque sur les réseaux sociaux parce que vous pourriez en avoir plusieurs. Titre. Vous voyez, je voudrais laisser cette ligne de crédits. N' a pas nié parlé sur l'épaule des gens géants qui contribuent, comme, comme, dans ce cas, ce thème sera de sorte qu'il ne vous faut pas de temps pour lancer le site. Donc je vais garder ça en un seul. Retournez à l'hôte local pour des milliers. Fantastique. Donc le titre d'amour a été changé. C' est un peu moche, donc il y a un moyen de changer la mort. Donc, tant que ces deux colonnes et jusqu'à 12 vous ok didi à partir d'ici et à ces deux ici sûr et voir si elle a changé grand certains de ses en une nuit. Et l'une des raisons pour lesquelles la part biaisée n'a pas Nikon est parce qu'ils utilisent le fonds. Impressionnant, bien que détour ici impressionnant vous permettre de combattre les icônes vraiment facile, et notre thème a un front pour impressionnant préinstallé. La raison pour laquelle je ne peux pas venir est à travers cette ligne et cherchons des icônes et vous pouvez chercher le baseball et je suis sûr que les parts de compétences ne sont pas. Je suis sur le devant. C' est pour ça que je ne suis pas venu. Vous aimez ce changement à un réseau social, Alors alors je calme sera Il apparaîtra ici, arrive à venir figure et fichier. Nous devons sortir et courir à nouveau. Super. Maintenant, c'est Instagram et a aussi une icône. Euh, donc je vous encourage à faire des recherches au téléphone. Génial. Lorsque vous ajoutez des liens, l'étape suivante consiste à modifier ces pièces. Super. J' aime les garder, mais vous pouvez les supprimer tous. Dites dieux et fruits de mer. Ça se reflète ici. Rafraîchissant hôte local 4000 Lhasa et son vérifier les jambes qu'il fonctionne. 17. Mode de projet : personnaliser votre site (partie II): Maintenant, attaquons cette tête. Demander au développeur de le faire. Cela sera reflété ici dans l'onglet. Et puis quelle est la prochaine chose ? C' est Heather. Ok, ça a l'air bien. Sauvegardez ça. Reviens ici maintenant. Je nous ai changés. Maintenant, ce changement de Mme Services, c'est le contenu de la page. Ceux-ci sont essentiellement imbriqués ensemble en tant que messages. Alors regardons ces hôtes leur correspondant à manquer de trois services. Le 1er 1 qui le disent. Jetez un oeil comment ces fichiers de marquage aux liens. C' est différent de la façon dont nous avons ajouté des liens dans HTML tombe. C' est une attaque avec l'extra et vous les mettez ici. Et puis c'est le texte qui apparaît à la place de ce vison. Cependant, dans le markdown, Uh, où vous devez faire est de mettre dans le titre que vous voulez afficher à la place de ce lien dans ce crochet carré, puis de mettre le lien dans une autre paire de crochets. Donc je ne vais pas changer le contenu ici. Les descriptions ici, vous pouvez passer un peu de temps ici. Je vais juste réparer rapidement le titre. Tu vois ça ? Tu vois ? Super. Maintenant, ces nouveaux contenus apparaissent. Essayons de changer l'image est juste un regard. D' accord, pour moi, ça ne va pas vraiment. Alors, allons chercher des cours en ligne Royal Free Images et voir ce que nous obtenons. Celui-ci était bon. Donc je vais m'en servir. Quelqu' un a utilisé ça. Il y a une image d'appel photo. J' ai eu des P et G. Alors, quoi ? On veut du changement ? C' est le 2ème 1 au lieu de Doc PNG qui disent cours comme ça et ensuite aller trouver les images que vous venez de télécharger. Traquez-le dans votre fichier sous le dossier image Poor et mettez-le sur la surface. Donc, ce paquet J fera en sorte que nous reflétons cela. Ok, je suis désolé. Tu dis ça et tu vois si ça marche. Super. Maintenant, tout fonctionne. Essayons juste si ces liens fonctionnent, d' accord ? 18. Mode de projet : le rédaction et la planification: Disons que tu aimes Teoh. Ajoutez un nouveau service et vous ne voulez pas encore publier. Donc, vous créez un nouveau fichier et ce copier-coller à partir de ce que vous service et une balise spéciale peut utiliser. Est-ce que c'est publié ? Tu dis faux et tu le sauves. Rappelez-vous, vous devez suivre cette convention de nommage autrement ne fonctionnerait pas. Ok, maintenant c'est là. Rafraîchissez ceci. Tu n'arriveras pas donc ils n'apparaîtront pas quand tu diras publier des boules. Une autre chose à planifier la publication est de changer la date dans le nom des fichiers à une date ultérieure , et elle n'apparaîtra qu'après cette date. C' est donc une autre façon de planifier les publications. 19. Mode de projet : publiez et terminez de la fin: Essayons de le pousser sur obtenir un compte d'aide, allez à notre Estar kidnappé. Peut-être que c'est rafraîchi pour se lever. Je vais voir si ça reflète le changement. Aussi. Aussi, je pense que vous avez un site Web très professionnel qui a du contenu. Ils peuvent gérer très facilement à ce stade. Nous savons comment utiliser, obtenir de l'aide et obtenir des pages d'aide, et nous savons comment apporter des modifications, valider et publier des modifications. Et nous avons parcouru les étapes pour installer des thèmes et apporter des modifications. Je pense que tu es en très bonne forme. Tu sais où chercher de l'aide. Quand vous vous sentez confus à propos de Jacko, allez dans le document de Jackal. Vous savez aussi trouver des thèmes. Vous pouvez simplement google thèmes jackal. Il y a un thème chacal, travail sombre, et il y a aussi le genre rubis. Ou je suis sûr que vous êtes bien un thème, difficile, particulièrement besoin et surtout, vous avez passé un temps précieux sur ce cours. Si vous êtes un freelancer ou quelqu'un qui cherche à accéder à un site personnel, j'espère que ce cours a été utile pour lancer votre premier site web gratuitement 20. Conclusion et merci: félicitations. Merci pour votre travail acharné. Vous venez de construire votre premier site web personnel. Maintenant, vous avez les compétences et les connaissances pour le maintenir sur votre Vous n'avez pas à payer pour un plan d' hébergement. Vous n'avez pas à payer un développeur ou une plate-forme tierce pour maintenir votre site. Félicitations. Et assurez-vous de partager le site avec nous dans la communauté. Comme vous le savez, c'est mon premier cours. J' adorerais les commentaires. Je suis également curieux de savoir quelles compétences vous aimez apprendre à l'avenir. Qu' est-ce que vous voulez réaliser ? Si vous aimez le cours, veuillez laisser un avis. D' autres personnes comme vous trouveront le cours plus facilement. Et j'espère vous voir dans mon prochain cours en