【报错】hexo 部署到 github 上，css、js 文件加载不出来怎么办

最新推荐文章于 2024-08-17 17:16:13 发布
最新推荐文章于 2024-08-17 17:16:13 发布
阅读量7.6k 收藏 8
点赞数 5
分类专栏： 安全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42971942/article/details/88623749
版权

1.修改hexo中 _config.yml 文件：

注意，root 后面写你 github 仓库的名字，前后斜杠都不能省！

url: http://yoursite.com
root: /blog/

 

2.重新上传

hexo clean

hexo g

hexo d

Sparks67
关注
专栏目录
用Github Pages+Hexo搭建博客之(一)搭建Github Pages+Hexo+部署到GitHub服务器 #解决hexo d部署报错 #解决css,js文件(网页样式图片)加载不出来
夏普通
10-21 1329
1. 搭建Github Pages 1.1了解Github GitHub是一个共享虚拟主机服务，用于存放使用Git版本控制的软件代码和内容项目。 github有一个很有爱的项目，叫做github pages，这个项目是给开发者建立一个私人页面，上面用来分享新颖的想法和自己写的代码。 1.2 注册属于你自己的Github账号 首先进入Github站点,然后进行注册注册完毕后你就拥有了自己的代码仓库了...
Hexo+Github: 博客网站搭建完全教程(看这篇就够了)
sunhwee的博客
08-28 3016
文章目录阅读须知博客开源前言第一部分 搭建Hexo搭建步骤1. 安装Git2. 安装nodejs**添加国内镜像源**3. 安装Hexo4. 注册Github账号创建个人仓库5. 生成SSH添加到GitHub6. 将hexo部署到GitHub7. 设置个人域名8. 写文章、发布文章第二部分 定制1. Hexo相关目录文件1.1 博客目录构成介绍1.2 hexo基本配置1.2.1 网站1.2.2...
常见错误：hexo + github pages搭建博客，本地server成功，部署到github上之后样式加载不出来
weixin_44146294的博客
04-12 3746
搭建hexo博客时样式总是报404加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。 在本地server成功，显示没有问题 但是在Git上部署至github上之后，就无法显示主题、图片和基本样式...
hexo 打包后css js无法加载问题
weixin_41973410的博客
08-25 2023
前言 将hexo部署到服务器上，需要在命令行执行hexo generate，生成打包好的文件夹public。参考部署至Web服务器，public里的所有文件需要放置在Nginx目录下的某个文件夹中（一般根据项目配置自定义），例如我们项目是放在/home/dwt-best-practice/下： 此时部署后，会发现打开页面是没有css和js效果的，F12看console会发现是因为资源路径加载问题。 解决方案 在站点配置文件根目录/_config.yml中配置URL： 根据在Nginx服务器上配置的ser
用成本最低的方式解决hexo博客部署在Gihub Pages在国内访问慢的问题
最新发布
m0_52577538的博客
08-17 739
相信不少小伙伴都在使用 GitHub Pages 提供的免费静态网站托管来搭建自己的博客，但是因为特殊原因，使用 GitHub Pages 搭建的博客在国内访问速度极慢，因此很多小伙伴只能转战国内付费的服务器和 CDN。然而，国内的CDN都需要域名先备案，不然无法使用。使用CloudFlare的CDN服务在国内的访问速度也并不理想。终于，我找到了相对完美的解决方案，话不多说先上图：博客地址：http://blog.ningh.net 欢迎各位小伙伴测速。
Github pages+hexo搭建博客css样式加载不出来
m0_45483025的博客
05-02 4086
搭建hexo博客时样式总是加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。 在本地server成功，显示没有问题 在这里插入图片描述 但是在Git上部署至github上之后，就无法显示主题、图片和基本样式了 在这里插入图片描述 通过控制台查看样式文件报404，是因为url地址不对。 需要修改根目录_con
使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
DoublePeach的博客
08-12 5315
既然不是语法的问题那就是路径的问题了，可能是路径问题导致的css或js文件未导入或未加载到，我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址，无误，但root是要填仓库所在的根路径，这里却填成了仓库路径，导致路径找不到，所以样式无法加载，这样把错排出来后面就简单多了！我第一反应是这些静态文件未编译或者语法有问题，但找半天后并没有发现语法上有什么问题。最后一定记得先把github仓库刷新一下，然后再访问目标网页地址，这时就会发现样式都出现了，问题解决！...
全面总结Hexo博客部署解决方案
blog
12-16 980
前言 在我这次搭建博客的过程中，学到了很多新东西，查找网页教程的过程中看到很多大佬的博客，在浏览他们博文的同时，了解了一些新的概念和名词，非常感谢～ 整个搭建的方案经历了几次转折，我最初在什么都不懂的情况下使用的是 Hexo 提供的一键部署方案，最后采取了自动化部署的方案。 欢迎到 俺の小屋 观光 [](￣▽￣)* 乾杯~~~ 概述 两种部署方式 小白版：直接利用 hexo 框架的 hexo init && hexo clean && hexo deplo
hexo+github pages+个人域名搭建个人博客（踩坑合集）
离镜的博客
06-12 1789
0.安装hexo hexo的安装参见官方文档： hexo安装 node.js/git自行百度/Google node -v npm -v git --version 安装hexo npm install hexo-cli -g 检验 hexo -v 1.创建远程仓库 在github上创建远程仓库，我的名为sunnie.github.io 注意：reposito...
Hexo + GitHub Pages + NexT在win10上搭建个性化个人博客
qq_34229391的博客
08-31 2249
刚刚搭好自己的个人博客，现在总结一下 注册Github账号及创建仓库 访问网址：https://github.com/ 注册好账号之后，点击下图中的Start Project 在Repository name中输入新建仓库的名称，如果我们只是想要在这个仓库里面放一些个人项目的话，这个名称随便取，但是我们现在是要搭建自己的个人博客，Repository name是有固定格...
hexo + github pages搭建博客样式加载不出来
热门推荐
banjw的博客
08-31 1万+
搭建hexo博客时样式总是报404加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却遇到样式加载不出来的问题，查询该问题也没找到清晰的解决方法，在此进行总结。 通过控制台查看样式文件报404，是因为url地址不对。 需要修改_config.ym...
hexo+Github搭建博客，能访问但无法加载css文件
StarryaSky的博客
10-25 1万+
问题： 搭建好hexo后，在本地能够正常访问。 但使用git上传到Github后，发现能够访问页面但是不能加载CSS样式文件和Jquery文件。 最后的解决办法是：   1. 修改hexo中 _config.yml 文件： 将root:/  修改为 root:/ xxx.guithub.io 。即 在后面加上Github 主页的仓库名   2. 然后再重新上传 hexo clea...
使用hexo搭建博客，文件无法加载的问题
AlwaySimple的博客
09-18 1489
使用hexo搭建博客很容易，这里推荐一个视频，讲得很全面，直接照着做就行。 https://www.bilibili.com/video/av44544186?t=1688 需求描述 如下图所示，一般使用hexo搭建博客是直接以guyongpu.github.io的格式命令，但这里我想做个人主页网站(HomePage)，在个人主页中通过链接跳转到博客，这样的目的是便于通过域名直接访问到主页，然后再...
Hexo+Github博客css js404导致博客页面空白
xin053
11-04 6563
问题最近github page更新了，GitHub Pages 过滤掉了 source/vendors 目录的访问，所以next主题下的source下的vendors目录不能够被访问到，所以就出现了本地hexo s能够正常访问，但是deploy到github就是一片空白，按f12，可以看到大量来自source/vendors的css和js提示404
Hexo next 主题加载自定义 js 文件
qhh0205
06-02 3263
Hexo next 主题加载自定义 js 文件 为什么要配置 hexo next 主题自定义 js 文件呢？主要原因有两点： 不可靠：加载第三方站点的 js 依赖其站点的稳定性，如果第三方站点给挂了或者不维护了，那么加载的地址就失效了， 访问直接 404… 比如最近就遇到 next 主题"不蒜子"文章 PV 统计功能用不了了，Chrome 抓包发现 https://dn-lbstatics.q...
CSS、JS文件无法正确加载至页面问题与解决
Sakurapaid的博客
12-04 5178
在开发Java Web项目时，遇到CSS和JavaScript文件无法正确加载至页面的问题
github打不开js、css、图片问题解决
去阅读，去经历，去思考
07-20 1698
打开github网站时，assets-cdn.github.com下的静态文件全报404，目测是因为一个众所周知的原因，DNS解析不了该域名。 解决方案 在本地hosts文件加入下面一行 151.101.112.133 assets-cdn.github.com 附：域名对应ip可以通过此网站查到...
五分钟内高效解决github访问加载失败
qq_45350814的博客
07-31 1240
gIthub访问失败
hexo加载不出来js
05-05
如果在使用 Hexo 时无法加载 JavaScript 文件，可能是以下原因之一： 1. 您的 JavaScript 文件路径不正确。请确保您在您的Hexo主题中正确地配置了JavaScript文件路径。在您的主题文件夹中找到您的主题配置文件，通常是_config.yml或_config.json，查看您的JavaScript文件路径是否正确。如果不正确，请将路径更正为正确的路径。 2. 您的JavaScript文件不存在或已损坏。请检查您的JavaScript文件是否存在于正确的路径中，以及文件是否存在错误。您可以尝试重新下载JavaScript文件或使用其他文件进行测试，以确定文件是否存在问题。 3. 您的网站未正确加载JavaScript文件。请确保您的网站正确加载了JavaScript文件。您可以使用浏览器开发工具检查您的网站是否正确加载了JavaScript文件。如果没有加载，请检查您的主题配置文件和网站代码，以确保它们正确配置。 如果您仍然无法加载JavaScript文件，请提供更多详细信息，以便我可以更好地帮助您解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值