Home > Development Tools > git > How to use Hexo to build a personal blog

How to use Hexo to build a personal blog

PHPz
Release: 2023-04-26 10:16:20
Original
990 people have browsed it

Hexo is a fast, simple and powerful static blog framework that can be used to build a personal blog or website. Unlike other CMS (content management systems) such as WordPress or Joomla, Hexo generates static files, which makes the website faster and more secure to access.

This article will introduce you to the detailed steps of using Hexo to build a personal blog and deploy it to the Internet through GitHub.

Installing Hexo

Before you begin, you need to install Hexo. First, make sure Node.js, npm (Node.js package manager) and Git are installed on your machine. Open the terminal and enter the following command to install Hexo:

$ npm install -g hexo-cli
Copy after login

Create a new Hexo site

After installing Hexo, you can create a new site. Please follow the steps below:

  1. Select a folder as the folder to store the Hexo site. Enter the following command in the terminal and enter this folder:

    $ cd /path/to/folder
    Copy after login
  2. Run the following command to generate a new Hexo site:

    $ hexo init myblog
    Copy after login
  3. Enter the new creation Site:

    $ cd myblog
    Copy after login

Now that we have a basic Hexo site, we need to configure it next.

Configure Hexo

The site configuration file is _config.yml. This file contains your site information such as site name, description, tags, third-party social media, etc. Enter the following command in the terminal to edit the file:

$ nano _config.yml
Copy after login

In the file, you need to set the following:

  1. title: Set your site name
  2. author: Set your name
  3. description: Set your site description
  4. language: Set your language
  5. timezone: Set your time zone
  6. theme: Set your Hexo theme
  7. deploy: Set your deployment type

For example, if you want to use the Next theme, you need to enter next under theme:. Under deploy, we have GitHub as our deployment type, so we need to provide the following information:

deploy:
  type: git
  repo: https://github.com/yourusername/yourusername.github.io.git
  branch: master
Copy after login

where yourusername should be replaced with your GitHub username and GitHub Page repository name.

Save the file and exit.

Create a new article

Now that the site has been configured, let’s create a new article. In Hexo, Markdown files will be used to create articles. Enter the following command in the terminal to create a new post:

$ hexo new "My First Blog Post”
Copy after login

This command will create a new Markdown file in the /source/_posts directorymy-first-blog-post .md. Open the file with any editor and write the content using Markdown syntax.

For example:

---
title: My First Blog Post
date: 2021-05-01 22:31:01
tags:
description: This is my very first blog post!
---

Hello world!

This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.
Copy after login

After saving and exiting the file, you can deploy it to GitHub.

Deploying Hexo to GitHub

First, you need to create a new repository on GitHub. Please make sure the repository is named yourusername.github.io, where yourusername should be replaced with your GitHub username. This repository is your personal blog. After creating the repository, you need to do some operations on your local computer to deploy the Hexo website to the repository.

Initialize the local repository

Enter the following command in the terminal to set the current directory to the Hexo site directory:

$ cd /path/to/myblog
Copy after login

Next, use the following command to initialize the site as a git storage Repository:

$ git init
Copy after login

This command will initialize an empty git repository in the site directory.

Add changes

The Hexo blog has been modified on the local computer and the changes need to be added to the git repository. Enter the following command to add new files and modify files:

$ git add .
Copy after login

Submit changes

Enter the following command to submit changes:

$ git commit -m "My First Blog Post"
Copy after login

Fill in the description of this submission in quotation marks Content, such as the title here "My First Blog Post".

Deploy to GitHub

To deploy to GitHub, you need to set up an SSH key for the repository of interest. Enter the following command:

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
Copy after login

Fill in your GitHub registered email address within the quotation marks.

Next, press Enter and leave all the fields blank until the SSH key is generated.

Add the public key to GitHub using the following command:

$ cat ~/.ssh/id_rsa.pub
Copy after login

Copy this public key to your GitHub account. In the Settings menu of the GitHub page, select SSH and GPG keys, select New SSH key, and paste the public key into the text box.

Enter the following code to push the code to the GitHub repository:

$ hexo deploy
Copy after login

After entering this command, Hexo will automatically commit your changes to the GitHub repository and yourusername Deploy the website on .github.io.

From now on, your blog can be accessed by visiting https://yourusername.github.io.

Conclusion

Using Hexo to build a personal blog quickly and safely is an excellent choice. Combined with the use of GitHub, you can quickly build a professional blog website and share your knowledge globally. By following the steps described in this article, you can also easily create your own Hexo blog and deploy it to the GitHub platform.

The above is the detailed content of How to use Hexo to build a personal blog. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template