Home Development Tools git How to deploy hexo to github

How to deploy hexo to github

Apr 26, 2023 am 09:13 AM

Hexo is a very excellent static blog generator. It can help users quickly build a blog website, and it supports a variety of themes and is very flexible.

So how to deploy Hexo to Github? Below I will introduce this process in detail to you.

1. Preparation

  1. Register a Github account

If you don’t have a Github account, you need to register one first. Github official website: https://github.com/

  1. Install Git

Hexo To upload the generated blog to Github, you need to use Git for code management and submit. Therefore, Git needs to be installed.

On Windows, you can download the latest version of the installation program from the Git official website https://git-scm.com/.

On Linux, you can directly use the yum or apt-get command to install.

  1. Installing Node.js

Hexo is developed based on the Node.js language, so the Node.js runtime environment needs to be installed.

Download and install the latest version from the Node.js official website https://nodejs.org/.

2. Hexo blog initialization

  1. Installation Hexo

Open the command line tool and enter the following command to install:

npm install -g hexo-cli
Copy after login
  1. Initialize Hexo

Create a new empty directory to store the blog. After entering the directory, enter the following command on the command line to initialize:

hexo init
Copy after login
  1. Install plug-in

After the initialization is completed, you need to install a plug-in to support the generation and display of blogs. Commonly used plug-ins are as follows:

  • hexo-deployer-git: used to publish locally generated websites to Github.
  • hexo-generator-sitemap: used to generate sitemap.
  • hexo-generator-baidu-sitemap: used to generate Baidu included sitemap.
  • hexo-renderer-pug: used to support Pug template engine rendering.

Enter the following command on the command line to install:

npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-renderer-pug --save
Copy after login

3. Hexo configuration

  1. Website configuration

Yes Configure the basic information of the website in the _config.yml file, such as the website's title, author, language, theme, etc.

  1. Themes

Hexo has many themes to choose from, which can be viewed on the official website https://hexo.io/themes/. Commonly used themes are as follows:

  • hexo-theme-next: A very popular theme that supports a variety of configuration items.
  • hexo-theme-matery: Another excellent theme with great visual effects.

After downloading the theme locally, you can install it through the command line:

git clone https://github.com/theme-next/hexo-theme-next themes/next
Copy after login
  1. Deployment configuration

In the _config.yml file Find the deployment part and make relevant configurations as follows:

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

Among them, type is the deployment type, repository is the Github warehouse address, and branch is the Github branch. Just replace username in the repository with your own Github username.

4. Generate a blog and upload it to Github

  1. Generate blog

Enter the following command in the command line to generate a blog:

hexo g
Copy after login
  1. Local Preview

After generating the blog, you can preview it locally and enter the following command to start the local service:

hexo s
Copy after login

Then enter http://localhost in the browser: 4000 to preview the blog.

  1. Upload blog

Enter the following command in the command line to upload the blog to Github:

hexo d
Copy after login

After the upload is successful, enter https in the browser You can access the blog at ://username.github.io.

If this is the first upload, you need to enter your Github username and password.

5. Summary

Through the above steps, we can quickly deploy the blog built by Hexo to Github.

During use, you can put the Hexo blog source code on Github for backup and version management to facilitate future blog iteration and maintenance. At the same time, Github Pages is also a very good blog hosting platform, and you can enjoy free hosting services.

If you encounter problems during the blog building process, you can check the documentation on the Hexo official website https://hexo.io/ and the theme warehouse on Github, or you can go to the Hexo official forum https://bbs.hexo .io/ for discussion and help.

The above is the detailed content of How to deploy hexo to github. 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)

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

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 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 generate ssh keys in git How to generate ssh keys in git Apr 17, 2025 pm 01:36 PM

In order to securely connect to a remote Git server, an SSH key containing both public and private keys needs to be generated. The steps to generate an SSH key are as follows: Open the terminal and enter the command ssh-keygen -t rsa -b 4096. Select the key saving location. Enter a password phrase to protect the private key. Copy the public key to the remote server. Save the private key properly because it is the credentials for accessing the account.

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 check the warehouse address of git How to check the warehouse address of git Apr 17, 2025 pm 01:54 PM

To view the Git repository address, perform the following steps: 1. Open the command line and navigate to the repository directory; 2. Run the "git remote -v" command; 3. View the repository name in the output and its corresponding address.

How to return after git submission How to return after git submission Apr 17, 2025 pm 01:06 PM

To fall back a Git commit, you can use the git reset --hard HEAD~N command, where N represents the number of commits to fallback. The detailed steps include: Determine the number of commits to be rolled back. Use the --hard option to force a fallback. Execute the command to fall back to the specified commit.

See all articles