search
HomeDevelopment ToolsgitHow to use Hexo to build a personal blog

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

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
  2. Run the following command to generate a new Hexo site:

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

    $ cd myblog

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

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

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”

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.

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

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

$ git init

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 .

Submit changes

Enter the following command to submit changes:

$ git commit -m "My First Blog Post"

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"

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 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

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
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
Git: The Version Control System, GitHub: The Hosting PlatformGit: The Version Control System, GitHub: The Hosting PlatformApr 22, 2025 am 12:02 AM

Git is a distributed version control system developed by Linus Torvaz in 2005, and GitHub is a Git-based code hosting platform founded in 2008. Git supports branching and merges through snapshot management files, and GitHub provides pull requests, problem tracking and code review functions to facilitate team collaboration.

Git and GitHub: A Comparative AnalysisGit and GitHub: A Comparative AnalysisApr 21, 2025 am 12:10 AM

Git and GitHub are key tools in modern software development. Git is a distributed version control system, and GitHub is a Git-based code hosting platform. Git's core features include version control and branch management, while GitHub provides collaboration and project management tools. When using Git, developers can track file changes and work together; when using GitHub, teams can collaborate through PullRequests and Issues.

GitHub: An Introduction to the Code Hosting PlatformGitHub: An Introduction to the Code Hosting PlatformApr 20, 2025 am 12:10 AM

GitHubiscrucialforsoftwaredevelopmentduetoitscomprehensiveecosystemforcodemanagementandcollaboration.Itoffersversioncontrol,communitysupport,andtoolslikeGitHubActionsandPages.Startbymasteringbasicslikecreatingarepository,usingbranches,andautomatingwo

Git and GitHub: Essential Tools for DevelopersGit and GitHub: Essential Tools for DevelopersApr 19, 2025 am 12:17 AM

Git and GitHub are essential tools for modern developers. 1. Use Git for version control: create branches for parallel development, merge branches, and roll back errors. 2. Use GitHub for team collaboration: code review through PullRequest to resolve merge conflicts. 3. Practical tips and best practices: submit regularly, submit messages clearly, use .gitignore, and back up the code base regularly.

Git and GitHub: Their Relationship ExplainedGit and GitHub: Their Relationship ExplainedApr 18, 2025 am 12:03 AM

Git and GitHub are not the same thing: Git is a distributed version control system, and GitHub is an online platform based on Git. Git helps developers manage code versions and achieve collaboration through branching, merge and other functions; GitHub provides code hosting, review, problem management and social interaction functions, enhancing Git's collaboration capabilities.

What do you need to set after downloading GitWhat do you need to set after downloading GitApr 17, 2025 pm 04:57 PM

After installing Git, in order to use more efficiently, the following settings are required: Set user information (name and mailbox) Select text editor Set external merge tool Generate SSH key settings Ignore file mode

What to do if the git download is not activeWhat to do if the git download is not activeApr 17, 2025 pm 04:54 PM

Resolve: When Git download speed is slow, you can take the following steps: Check the network connection and try to switch the connection method. Optimize Git configuration: Increase the POST buffer size (git config --global http.postBuffer 524288000), and reduce the low-speed limit (git config --global http.lowSpeedLimit 1000). Use a Git proxy (such as git-proxy or git-lfs-proxy). Try using a different Git client (such as Sourcetree or Github Desktop). Check for fire protection

Why is git downloading so slowWhy is git downloading so slowApr 17, 2025 pm 04:51 PM

Causes of slow Git downloads include poor network connections, Git server problems, large files or large submissions, Git configuration issues, insufficient computer resources, and other factors such as malware. Workarounds include improving network connectivity, adjusting firewall settings, avoiding downloading unnecessary files or submissions, optimizing Git configuration, providing adequate computer resources, and scanning and removing malware.

See all articles

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

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools