GitHub部署vercel页面显示404?
发表于|更新于|问题区
|总字数:357|阅读时长:1分钟|浏览量:
当GitHub部署到vercel后,通过绑定的域名打开网页发现页面显示404,图片如下:
要解决上述问题,可以按照以下步骤进行排查和修复:
确认Hexo站点构建正确
首先,确保你的Hexo站点能够在本地正确生成和预览。你可以通过以下命令来构建你的Hexo站点:
1 | hexo clean |
在浏览器中访问 http://localhost:4000 来查看你的站点是否正确显示。
检查Vercel配置路径
确保你在 Vercel 中设置的部署路径与你的 GitHub 仓库中的文件结构相匹配。
清除缓存并重新部署
有时候,清除Vercel的缓存可以解决一些看似复杂的问题。你可以在Vercel Dashboard中手动触发重新部署,或者使用Vercel CLI:
1 | vercel --prod |
查看Vercel日志和错误信息
在Vercel Dashboard中查看部署日志,可能会有一些有用的错误信息帮助你诊断问题。搜索与404相关的错误信息,看看是否有特定的文件或路径没有被正确处理。
按照这些步骤操作后,通常可以解决大部分因配置不当导致的404错误。如果问题仍然存在,可能需要检查更具体的Hexo配置或进一步的Vercel设置。
文章作者: LUCKYLYH
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 LUCKYLYH!
相关推荐

2025-05-21
Hexo Butterfly图库设置
新建图库页面首先,前往你的 Hexo 博客的根目录,在 Hexo 博客根目录 [blog]下打开终端或者在vscode控制台中,输入 1hexo new page sucaiku 修改相关参数找到 source/sucaiku/index.md 这个文件,并修改这个文件,记得添加 type: “sucaiku” 123456---title: 素材库date: 2025-05-13 15:22:41type: "sucaiku"aside: false--- 然后再在该页面(文件里)添加一下代码 1234<div class="gallery-group-main">{% galleryGroup '壁纸' '收藏的一些壁纸' '/paper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}{% galleryGroup '漫威'...

2025-05-31
Hexo Butterfly背景板透明
创建css文件,书写样式在blog根目录找到source/css(没有就新建一个),再在css文件夹中新建一个transparent.css文件,写入 1234567891011121314151617/*文章页面*/.layout>#post{ background: transparent !important; /* 页面透明 */ background: rgba(0, 0, 0, 0.3); /* 卡片背景为白色透明度为0.3 */ backdrop-filter: blur(3px); /* 添加毛玻璃效果 */}/*分类页面*/.layout>#page{ /* background: rgba(0, 0, 0, 0.15); */ /* 背景为白色透明度为0.15 */ background: transparent !important; /* 页面透明 */}/*侧边栏页面*/#aside-content>.card-widget { background:...

2025-06-05
PicGo+GitHub(图床)的使用
1、首先下载PicGo https://molunerfinn.com/PicGo/ 2、进入PicGo-图床设置-GitHub-GitHub设置 设置自定义域名: 可加速:https://cdn.jsdelivr.net/gh/LUCKYLIYONGHHUI/picture@main 设定Token获得方法: 登录 Github 后,点击“右上角头像->Settings”,进入用户设置界面(个人建议单独建一个库,专门用来放图片) 然后点击左侧边栏的 “Developer Settings” 选项,配置 Github API Key(即 token) 记得是点击Tokens(classic),选择Generate new Token-Generate new token(classic) 设置 token,如下图所示:设置令牌名称(Note)、到期时间(Expiration)、可访问的权限范围(Select scopes),然后保存即可 记得点击完Generate...

2025-03-16
hexo+butterfly 导航栏居中
分离搜索与菜单栏找到并打开后面路径,...\themes\butterfly\layout\includes\header\nav.pug,直接使用下面的代码替代源代码。 1234567891011121314151617181920nav#nav span#blog-info a.nav-site-title(href=url_for('/')) if theme.nav.logo img.site-icon(src=url_for(theme.nav.logo) alt='Logo') if theme.nav.display_title span.site-name=config.title if globalPageType === 'post' a.nav-page-title(href=url_for('/')) span.site-name=(page.title || config.title) ...

2025-06-11
hexo+butterfly提交GitHub过程中出现Error:Spawn failed
hexo+butterfly提交GitHub过程中出现Error:Spawn failed,该如何解决?如图所示: 使用GitHub的443端口22端口可能被防火墙屏蔽了,可以尝试连接GitHub的443端口。 这个解决方案的思路是:给~/.ssh/config文件里添加如下内容,这样ssh连接GitHub的时候就会使用443端口。如果~/.ssh目录下没有config文件,手动新建一个即可。 123Host github.com Hostname ssh.github.com Port 443 验证是否成功修改完~/.ssh/config文件后,使用ssh -T [email protected]来测试和GitHub的网络通信是否正常。 123456$ ssh -T [email protected] authenticity of host '[ssh.github.com]:443 ([20.205.243.160]:443)' can't be established.ED25519 key fingerprint is...

2023-04-03
815计算机基础综合
考试科目考试名称:815计算机基础综合 考试科目:数据结构,操作系统,计算机组成原理 考试题型总共三种题型:(各科均占50分) 1、选择题50分(25*2分) 其中数据结构10题,机组10题,操作系统5题 2、填空题 30分(15*2分) 其中数据结构10题,操作系统5题 3、综合题 70分...