Maison > outils de développement > git > le corps du texte

Comment utiliser les pages Github pour créer un blog personnel

PHPz
Libérer: 2023-03-31 11:19:17
original
1511 Les gens l'ont consulté

En tant que programmeur, il est indispensable d'avoir un blog personnel. En plus d'enregistrer votre propre processus de croissance et vos connaissances techniques, vous pouvez également partager vos expériences et vos réflexions avec la majorité des passionnés de technologie. De nos jours, créer un blog personnel est devenu très simple et pratique, car il existe de nombreux outils de génération de blogs statiques, qui éliminent beaucoup de travail fastidieux. Parmi eux, l'utilisation des pages github pour créer un blog personnel est fortement recommandée. Ci-dessous, nous présenterons en détail comment utiliser les pages github pour créer un blog personnel.

1. Enregistrez un compte github

Tout d'abord, nous devons enregistrer un compte github. Github est une plate-forme d'hébergement de code très célèbre, et les pages github sont un service d'hébergement de pages Web statiques gratuit fourni par github, qui peut être utilisé pour créer un blog personnel ou afficher vos propres travaux. Créer un compte GitHub est très simple. Il vous suffit de renseigner vos informations personnelles et votre adresse e-mail sur le site officiel.

2. Créer un référentiel

Après avoir enregistré un compte github, nous devons créer un référentiel sur github comme référentiel de code pour notre blog personnel. Cliquez sur le bouton "+" dans le coin supérieur droit de la page github, sélectionnez "Nouveau référentiel", remplissez le nom et la description du référentiel, sélectionnez s'il est public ou privé, puis cliquez sur le bouton "Créer un référentiel" pour créer un nouveau référentiel.

3. Choisissez un outil de génération de blog statique

Après avoir créé le référentiel de code sur github, nous devons ensuite choisir un outil de génération de blog statique. Les outils de génération de blogs statiques couramment utilisés incluent Jekyll, Hexo, Hugo, etc. Ici, nous prenons Jekyll comme exemple à présenter. Jekyll est un générateur de sites Web statiques très populaire et est officiellement pris en charge par github. Il utilise le langage de modèle Liquid, qui peut nous aider à créer rapidement un blog personnel simple et beau.

L'installation de Jekyll est très simple, exécutez simplement la commande suivante dans la ligne de commande :

gem install jekyll bundler
Copier après la connexion

Une fois l'installation terminée, nous pouvons utiliser Jekyll pour créer un nouveau blog. Dans un répertoire local, exécutez la commande suivante :

jekyll new myblog
Copier après la connexion

Parmi elles, "myblog" est le nom de votre blog personnel et peut être personnalisé. Après avoir exécuté la commande ci-dessus, Jekyll générera automatiquement un modèle de blog par défaut, que nous pourrons extraire sur github en tant que notre propre code de blog.

Les étapes spécifiques sont les suivantes :

  1. Téléchargez le dossier du blog local dans le référentiel sur github

Exécutez la commande suivante localement :

cd myblog
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/yourusername/yourusername.github.io.git
git push -u origin master
Copier après la connexion

Parmi eux, "votre nom d'utilisateur" est le nom de votre compte sur github et doit être remplacé par votre propre nom de compte.

  1. Entrez sur la page github et recherchez les paramètres du référentiel

Dans les paramètres du référentiel, recherchez la section "Pages GitHub" et sélectionnez "branche principale" comme source Si le nom de votre dossier de blog n'est pas votre nom d'utilisateur.github. .io, puis nécessite un réglage manuel.

  1. Attendez quelques minutes et visitez votre blog personnel

Dans la section "Pages GitHub" du Référentiel, le lien vers votre blog personnel sera affiché. Après quelques minutes, vous pourrez accéder à votre blog personnel via ce lien.

4. Choisissez un thème de blog

Jekyll lui-même fournit des thèmes par défaut, qui peuvent être définis dans le fichier _config.yml. Cependant, ces thèmes par défaut peuvent être un peu rudimentaires et ne répondent pas tout à fait à nos exigences. Par conséquent, nous pouvons choisir d’excellents thèmes tiers et les appliquer à notre blog.

Les thèmes tiers de Jekyll peuvent être recherchés et téléchargés sur Github. Après le téléchargement, copiez le dossier du thème dans notre dossier blog, puis configurez-le dans le fichier _config.yml.

5. Publier des articles de blog

Dans le dossier blog, nous pouvons utiliser la syntaxe Markdown pour rédiger des articles de blog. Les nouveaux articles de blog doivent être placés dans le dossier _posts et le nom du fichier doit être au format « année-mois-jour-article titre.md ». Par exemple, nous pouvons écrire un article de blog nommé « hello-world » dans le répertoire _posts.

---
layout: post
title:  "Hello World"
date:   2021-09-01 00:00:00 +0800
categories: jekyll update
---

# Hello World

这是我的第一篇博客文章。
Copier après la connexion

Parmi eux, la première partie est la méta-information de l'article, qui est utilisée pour décrire le titre, l'heure, la classification et d'autres informations de l'article. La deuxième partie est le contenu du texte principal de l'article, qui est. formaté en utilisant la syntaxe Markdown.

6. Résumé

Grâce aux étapes ci-dessus, nous pouvons rapidement créer un blog personnel sur github et publier nos propres articles de blog. Utiliser les pages Github pour créer un blog personnel est non seulement simple et pratique, mais aussi gratuit et stable. J'espère que cet article pourra aider les programmeurs qui souhaitent créer un blog personnel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal