Home Development Tools git How to deploy a blog website using Hexo and Github Pages

How to deploy a blog website using Hexo and Github Pages

Apr 06, 2023 am 08:51 AM

Hexo is a static website generator based on Node.js, which can help you quickly build your own blog website. Github Pages is a static website hosting service provided by Github, allowing you to deploy your website to Github.

In this article, we will discuss how to use Hexo and Github Pages to deploy your own blog website.

First, make sure you have Node.js and Git installed. If you haven't installed it yet, you can go to the official website to download and install it.

Next, we need to install the Hexo command line tool. Open a terminal and run the following command:

npm install hexo-cli -g
Copy after login

This will install the Hexo command line tool globally.

Next, create a new Hexo site in the terminal and run the following command:

hexo init myblog

cd myblog

npm install
Copy after login

This will create a new site called myblog and install all dependencies.

Now, we need to deploy our Hexo site to Github Pages. First, create a new repository named username.github.io on Github, where username is your Github username.

Then, execute the following command in the terminal to deploy our site to Github Pages:

npm install hexo-deployer-git --save
Copy after login

This will install Hexo’s Git deployer plugin. Next, we need to configure the deployment settings to our new repository.

Open the _config.yml file of our Hexo site and modify the deploy paragraph to the following content:

deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master
Copy after login

Among them, username should be replaced with your Github username. The branch here defaults to the master branch, but you can also modify it to other branches.

Next, run the following command in the terminal to publish our blog:

hexo clean
hexo generate
hexo deploy
Copy after login

This will clear out the old generated files, regenerate the new static files, and push them to our In the Github Pages repository.

Now our blog has been deployed to Github Pages! Open a browser and enter https://username.github.io in the address bar to visit our blog.

To summarize, it is very convenient to use Hexo and Github Pages to deploy your own blog website, and it only takes a few simple steps to complete. I hope this article can help you quickly build your own blog website.

The above is the detailed content of How to deploy a blog website using Hexo and Github Pages. 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

Video Face Swap

Video Face Swap

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

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)

Git vs. GitHub: Version Control and Code Hosting Git vs. GitHub: Version Control and Code Hosting Apr 11, 2025 am 11:33 AM

Git is a version control system, and GitHub is a Git-based code hosting platform. Git is used to manage code versions and supports local operations; GitHub provides online collaboration tools such as Issue tracking and PullRequest.

How to update code in git How to update code in git Apr 17, 2025 pm 04:45 PM

Steps to update git code: Check out code: git clone https://github.com/username/repo.git Get the latest changes: git fetch merge changes: git merge origin/master push changes (optional): git push origin master

How to download git projects to local How to download git projects to local Apr 17, 2025 pm 04:36 PM

To download projects locally via Git, follow these steps: Install Git. Navigate to the project directory. cloning the remote repository using the following command: git clone https://github.com/username/repository-name.git

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.

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.

What to do if the git download is not active What to do if the git download is not active Apr 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

How to merge code in git How to merge code in git Apr 17, 2025 pm 04:39 PM

Git code merge process: Pull the latest changes to avoid conflicts. Switch to the branch you want to merge. Initiate a merge, specifying the branch to merge. Resolve merge conflicts (if any). Staging and commit merge, providing commit message.

How to use git commit How to use git commit Apr 17, 2025 pm 03:57 PM

Git Commit is a command that records file changes to a Git repository to save a snapshot of the current state of the project. How to use it is as follows: Add changes to the temporary storage area Write a concise and informative submission message to save and exit the submission message to complete the submission optionally: Add a signature for the submission Use git log to view the submission content

See all articles