Maison > outils de développement > git > Comment créer un blog avec Github+Hexo

Comment créer un blog avec Github+Hexo

PHPz
Libérer: 2023-04-26 10:07:48
original
601 Les gens l'ont consulté

À l'ère du numérique, avoir son propre blog est une chose très utile. Vous vous demandez peut-être pourquoi avez-vous besoin d’avoir un blog ? En effet, premièrement, les blogs peuvent être utilisés comme une plate-forme pour mettre en valeur vos compétences ; deuxièmement, les blogs peuvent être utilisés pour communiquer avec d'autres personnes partageant des intérêts communs et enfin, les blogs peuvent également créer des opportunités commerciales pour vous.

Alors, comment créer un blog rapidement et facilement ? Il est recommandé d'utiliser Github et Hexo. En combinant les deux, vous pouvez rapidement créer votre propre blog.

Tout d’abord, présentons les deux outils Github et Hexo. Github est un site Web destiné aux développeurs qui fournit l'hébergement de code, le contrôle de version et d'autres services. Hexo est un framework de blog statique léger qui peut rapidement convertir des documents Markdown en pages HTML statiques.

Ensuite, expliquons comment utiliser Github et Hexo pour créer un blog. Tout d’abord, vous devez créer votre propre référentiel sur Github en tant qu’hôte de votre blog.

Ensuite, vous devez installer Hexo, ouvrez la ligne de commande et entrez la commande suivante :

npm install hexo-cli -g
Copier après la connexion

Une fois l'installation terminée, vous devez initialiser Hexo et entrer la commande suivante :

hexo init blog
Copier après la connexion

Cela créera un dossier nommé blog sur votre ordinateur. Il contient quelques fichiers de base d’Hexo.

Allez dans le répertoire du blog et exécutez la commande suivante pour démarrer le serveur local :

hexo server
Copier après la connexion

À ce moment, ouvrez le navigateur et entrez http://localhost:4000, et vous pourrez voir votre blog.

Vous pouvez maintenant commencer à bloguer. Hexo fournit quelques commandes par défaut pour vous aider à créer rapidement des articles, à déployer des blogs, etc. Par exemple, créez un article :

hexo new "Hello World"
Copier après la connexion

Cela créera un fichier Markdown nommé hello-world.md dans le répertoire source/_posts, que vous pourrez ouvrir pour le modifier.

Après avoir édité l'article, vous devez déployer le blog sur Github et exécuter la commande suivante :

hexo deploy
Copier après la connexion

À ce moment, vous pouvez voir votre blog sur Github.

Bien sûr, il ne s'agit que de la fonctionnalité de base d'Hexo. Il fournit également de nombreux plugins qui vous permettent de mieux personnaliser et embellir votre blog. Par exemple, installez le thème dans Hexo :

git clone https://github.com/iissnan/hexo-theme-next themes/next
Copier après la connexion

Configurez ensuite le thème dans le fichier de configuration d'Hexo _config.yml :

theme: next
Copier après la connexion

A ce moment, votre blog devrait avoir un beau thème.

Pour résumer, les avantages d'utiliser Github et Hexo pour créer un blog sont que c'est rapide, pratique et gratuit. Écrire dans Markdown d'Hexo rend votre blog concis et clair, et avec des thèmes et des plug-ins riches, votre blog peut être plus expressif. En tant que technicien, avoir votre propre blog vous permet de mettre en valeur vos compétences techniques et d'attirer davantage d'employeurs ou de clients potentiels. Dans le même temps, grâce aux blogs, vous pouvez faire connaissance avec davantage de personnes partageant des intérêts communs et élargir votre cercle social.

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