Table of Contents
Installing Hexo
Create a new Hexo site
Configure Hexo
Create a new article
Deploying Hexo to GitHub
Initialize the local repository
Add changes
Submit changes
Deploy to GitHub
Conclusion
Home Development Tools git How to use Hexo to build a personal blog

How to use Hexo to build a personal blog

Apr 26, 2023 am 09:14 AM

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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Is GitHub difficult to learn? Is GitHub difficult to learn? Apr 02, 2025 pm 02:45 PM

GitHub is not difficult to learn. 1) Master the basic knowledge: GitHub is a Git-based version control system that helps track code changes and collaborative development. 2) Understand core functions: Version control records each submission, supporting local work and remote synchronization. 3) Learn how to use: from creating a repository to push commits, to using branches and pull requests. 4) Solve common problems: such as merge conflicts and forgetting to add files. 5) Optimization practice: Use meaningful submission messages, clean up branches, and manage tasks using the project board. Through practice and community communication, GitHub’s learning curve is not steep.

Does Microsoft own Git or GitHub? Does Microsoft own Git or GitHub? Apr 05, 2025 am 12:20 AM

Microsoft does not own Git, but owns GitHub. 1.Git is a distributed version control system created by Linus Torvaz in 2005. 2. GitHub is an online code hosting platform based on Git. It was founded in 2008 and acquired by Microsoft in 2018.

Should I put Git or GitHub on my resume? Should I put Git or GitHub on my resume? Apr 04, 2025 am 12:04 AM

On your resume, you should choose to write Git or GitHub based on your position requirements and personal experience. 1. If the position requires Git skills, highlight Git. 2. If the position values ​​community participation, show GitHub. 3. Make sure to describe the usage experience and project cases in detail and end with a complete sentence.

Why is GitLab better than GitHub? Why is GitLab better than GitHub? Apr 03, 2025 am 12:08 AM

GitLab is better for some developers and teams because it provides a complete DevOps toolchain and powerful CI/CD capabilities. 1. GitLab's CI/CD function is integrated within the platform, supporting full process automation from code submission to deployment. 2. Its server-side rendering technology improves page loading speed for large projects. 3. GitLab's permission management system is more flexible and supports fine-grained control.

Is Git the same as GitHub? Is Git the same as GitHub? Apr 08, 2025 am 12:13 AM

Git and GitHub are not the same thing. Git is a version control system, and GitHub is a Git-based code hosting platform. Git is used to manage code versions, and GitHub provides an online collaboration environment.

Should I start with Git or GitHub? Should I start with Git or GitHub? Apr 06, 2025 am 12:09 AM

Starting from Git is more suitable for a deep understanding of version control principles, and starting from GitHub is more suitable for focusing on collaboration and code hosting. 1.Git is a distributed version control system that helps manage code version history. 2. GitHub is an online platform based on Git, providing code hosting and collaboration capabilities.

How to use GitHub for HTML? How to use GitHub for HTML? Apr 07, 2025 am 12:13 AM

The reason for using GitHub to manage HTML projects is that it provides a platform for version control, collaborative development and presentation of works. The specific steps include: 1. Create and initialize the Git repository, 2. Add and submit HTML files, 3. Push to GitHub, 4. Use GitHubPages to deploy web pages, 5. Use GitHubActions to automate building and deployment. In addition, GitHub also supports code review, Issue and PullRequest features to help optimize and collaborate on HTML projects.

What is Git in simple words? What is Git in simple words? Apr 09, 2025 am 12:12 AM

Git is an open source distributed version control system that helps developers track file changes, work together and manage code versions. Its core functions include: 1) record code modifications, 2) fallback to previous versions, 3) collaborative development, and 4) create and manage branches for parallel development.

See all articles