Home Development Tools git What should I do if hexo cannot be displayed normally when deployed to gitee?

What should I do if hexo cannot be displayed normally when deployed to gitee?

Apr 11, 2023 am 09:10 AM

Hexo is a very popular static blog generator that supports multi-platform deployment, including GitHub, GitLab, and Coding. It also supports deployment to the domestic code cloud (gitee) platform. However, some Hexo users found that the blog content could not be displayed properly when deploying their blogs to gitee. How to solve this problem?

First of all, we need to make it clear that this problem is not caused by Hexo itself, but due to the restrictions placed on cross-domain requests by the gitee platform. When you use Hexo to deploy your blog to the gitee platform, it will generate some static files (such as HTML, CSS, JS, etc.). The paths of images, fonts, and other static resources in these files are relative paths, such as ". ./images/test.png”. When your blog is accessed through gitee, gitee will cache these static files and provide the cached content for users to access. However, when users need to access the pictures, fonts, and other static resources, it will use relative paths. The domain name (such as "example.com") where it is located makes a cross-domain request. At this time, the problem arises. The gitee platform restricts cross-domain requests, resulting in the inability to display blog content normally.

So, how to solve this problem? Here are some possible solutions:

  1. Use a CDN. Using CDN can solve the problem of relative paths. You can upload all static resources to CDN and set the address to an absolute path, so as to avoid cross-domain request problems. For example, "https://cdn.example.com/images/test.png". However, using CDN requires payment. If financial conditions do not allow it, you can consider the following options.
  2. Upload all static resources to a warehouse in gitee. In gitee, we can create a new warehouse and then upload all static resources to this warehouse. We need to add the access address in the warehouse to the Hexo configuration file to avoid cross-domain request problems. For example, "https://gitee.com/username/static/raw/master/images/test.png". The disadvantage of this method is that it requires manual uploading of files, which is troublesome. However, if the blog content does not change, you can use the caching function to reduce the number of requests.
  3. Use Travis CI. This solution requires you to have some programming experience. Travis CI is an integrated testing and deployment tool that can automatically build, test, and deploy code to a continuous integration server, so that you can automatically deploy your blog. For specific operations, please refer to the official documentation. This solution is relatively complex, but the effect is very good.

To sum up, the problem of not being able to display the Hexo blog properly is because the gitee platform has restrictions on cross-domain requests. You can use CDN, upload static files to a warehouse in gitee, and Use Travis CI to solve this problem. Each option has its advantages and disadvantages, and you can choose the one that suits you based on your actual situation.

The above is the detailed content of What should I do if hexo cannot be displayed normally when deployed to gitee?. 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

Undress AI Tool

Undress AI Tool

Undress images for free

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.

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 do I clear the entire stash list? How do I clear the entire stash list? Jul 01, 2025 am 12:02 AM

To clear the entire stash list in Git, there are no direct built-in commands, but it can be done in a few steps. First run gitstashlist to view all current stash entries, and then use gitstashdropstash@{n} to delete them one by one, or use gitreflogdelete --expire-unreachable=nowrefs/stash and gitgc-prune=now to force all stashes to be cleared at once. In addition, you can also use the bash loop command whilegitstashlist|grep-q'^stash@';dogitstashdrop;d

What are packfiles in Git? What are packfiles in Git? Jul 08, 2025 am 12:14 AM

Packfile is an efficient mechanism used by Git to package, compress and transfer repository objects. When you execute gitpush, gitfetch or gitclone, what Git actually transmits is the packfile; 1. It is initially generated by loose objects through gitgc or gitrepack commands and stored in the .git/objects/pack/ directory; 2. The packfile not only contains object data, but also records the delta relationship between objects, and achieves rapid search with index file (.idx). 3. This design reduces the transmission volume and improves synchronization efficiency; 4. A large number of small packfiles may affect performance, and can be used through gitgc or git

How do I view the commit history of my Git repository? How do I view the commit history of my Git repository? Jul 13, 2025 am 12:07 AM

To view Git commit history, use the gitlog command. 1. The basic usage is gitlog, which can display the submission hash, author, date and submission information; 2. Use gitlog--oneline to obtain a concise view; 3. Filter by author or submission information through --author and --grep; 4. Add -p to view code changes, --stat to view change statistics; 5. Use --graph and --all to view branch history, or use visualization tools such as GitKraken and VSCode.

How do I delete a Git branch? How do I delete a Git branch? Jul 13, 2025 am 12:02 AM

To delete a Git branch, first make sure it has been merged or no retention is required. Use gitbranch-d to delete the local merged branch. If you need to force delete unmerged branches, use the -D parameter. Remote branch deletion uses the gitpushorigin-deletebranch-name command, and can synchronize other people's local repositories through gitfetch-prune. 1. To delete the local branch, you need to confirm whether it has been merged; 2. To delete the remote branch, you need to use the --delete parameter; 3. After deletion, you should verify whether the branch is successfully removed; 4. Communicate with the team to avoid accidentally deleting shared branches; 5. Clean useless branches regularly to keep the warehouse clean.

How do I switch between Git branches? How do I switch between Git branches? Jul 07, 2025 am 12:03 AM

ToswitchGitbranches,firstupdatethelocalrepowithgitfetch,checkexistingbrancheswithgitbranchcommands,thenusegitcheckoutorgitswitchtochangebranches,handlinguncommittedchangesbycommitting,stashing,ordiscardingthem.WhenswitchingGitbranches,ensureyourlocal

How do I discard changes in my working directory (revert to the last commit)? How do I discard changes in my working directory (revert to the last commit)? Jul 08, 2025 am 12:38 AM

To discard the modifications in the Git working directory and return to the state of the last commit, 1. For the modifications of the tracked files, use gitcheckout-- or gitcheckout--. Discard all modifications; 2. For new files that are not tracked, use gitclean-f to delete the files. If the directory is included, use gitclean-fd. Before execution, use gitclean-fd to preview the delete content; 3. If you need to reset all changes (including the temporary storage area and the working directory), use gitreset-hard. This command will reset the working directory and the temporary storage area. Be sure to operate with caution. These methods can be used individually or in combination to achieve the purpose of cleaning up the working directory.

How do I create a custom Git hook? How do I create a custom Git hook? Jul 06, 2025 am 12:35 AM

Git hooks are used to automatically run scripts before and after commits, pushes and other operations to execute tasks. Specific uses include: 1. Run code checks or tests before submission; 2. Forced submission information format; 3. Send notifications after push. They help unify team specifications and reduce manual steps, such as preventing submissions when tests fail. Git hooks are located in the .git/hooks/ directory in the repository and are not shared by default. They need to be copied manually or used tools such as Husky for team collaboration. Writing a basic hook requires creating an executable file and naming the corresponding event, such as pre-commit, and writing logical judgments there to block or allow operations.

How do I add a subtree to my Git repository? How do I add a subtree to my Git repository? Jul 16, 2025 am 01:48 AM

To add a subtree to a Git repository, first add the remote repository and get its history, then merge it into a subdirectory using the gitmerge and gitread-tree commands. The steps are as follows: 1. Use the gitremoteadd-f command to add a remote repository; 2. Run gitmerge-srecursive-no-commit to get branch content; 3. Use gitread-tree--prefix= to specify the directory to merge the project as a subtree; 4. Submit changes to complete the addition; 5. When updating, gitfetch first and repeat the merging and steps to submit the update. This method keeps the external project history complete and easy to maintain.

See all articles