Home > Development Tools > git > How to deploy hexo to gitee

How to deploy hexo to gitee

PHPz
Release: 2023-03-30 17:30:30
Original
1282 people have browsed it

With the development of the times and the increasing popularity of the Internet, personal blogs have become an existence that cannot be ignored. As more and more people choose to use the Hexo framework to build their own blog websites, how to deploy Hexo to Gitee has become a hot topic.

Gitee is a domestic code hosting platform with stable servers and fast access speeds. It also provides many commonly used functions, including Git code hosting, Wiki, Issues, etc., which can better meet the needs of Developer needs.

First, we need to create a warehouse on Gitee to store our Hexo blog site. Click the "New Warehouse" button on the Gitee homepage, fill in the relevant information, and choose to create an empty warehouse.

Next, we need to install Hexo locally. First, you need to ensure that the Node.js environment has been installed, then open the command line tool and enter the following command to install Hexo:

npm install -g hexo-cli
Copy after login

After the installation is completed, we can use the following command to create a new Hexo blog site:

hexo init blog
cd blog
npm install
Copy after login

The above command creates a folder named "blog", which contains a basic Hexo blog site. Then we need to push the site to Gitee. Enter the following command in the command line tool:

git init
git add .
git commit -m "first commit"
git remote add origin git@gitee.com:username/blog.git
git push -u origin master
Copy after login

where username is your Gitee username and needs to be replaced with the actual username. The above command completes the operation of pushing the local Hexo blog site to the Gitee repository.

However, we noticed that the directory structure on the Gitee repository does not meet the requirements of the Hexo blog site. In order to solve this problem, we need to execute the following commands in the local Hexo blog site:

hexo clean
hexo generate
Copy after login

These commands will delete the local cache files and generate a complete site folder. Then, we need to push the folder to the Gitee repository.

First, we need to create a new .gitignore file in the blog directory to exclude some unnecessary files. Add the following content to the file:

.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/
Copy after login

This excludes some files automatically generated by Hexo and some files that do not need to be uploaded to Gitee. Then, we execute the following commands in sequence:

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

After executing the above commands, Hexo will push the blog site to the Gitee warehouse and deploy it automatically. We can find the corresponding page address in the "Settings" of the Gitee repository and access it in the browser.

Note that if you are prompted to enter a username and password when performing a deployment operation, we need to change the address of the Gitee warehouse to HTTPS format and execute the following command on the command line:

git remote set-url origin https://gitee.com/username/blog.git
Copy after login

Above The command changes the address of the Gitee repository to HTTPS format, which can avoid the need to enter the user name and password during deployment.

To sum up, deploying Hexo to Gitee is not complicated. You only need to follow the above steps to complete. In this way, we can easily host our personal Hexo blog site on Gitee and share it with more readers.

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