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

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

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

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

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

 

2.重新上传

hexo clean

hexo g

hexo d

用Github Pages+Hexo搭建博客之(一)搭建Github Pages+Hexo+部署到GitHub服务器 #解决hexo d部署报错 #解决css,js文件(网页样式图片)加载不出来
夏普通
10-21 1483
1. 搭建Github Pages 1.1了解Github GitHub是一个共享虚拟主机服务，用于存放使用Git版本控制的软件代码和内容项目。 github有一个很有爱的项目，叫做github pages，这个项目是给开发者建立一个私人页面，上面用来分享新颖的想法和自己写的代码。 1.2 注册属于你自己的Github账号 首先进入Github站点,然后进行注册注册完毕后你就拥有了自己的代码仓库了...
Hexo + GitHub搭建个人博客（Mac版）
yijing_jia的博客
02-02 2528
基于Hexo+GitHub在Mac系统进行了博客搭建，将搭建过程进行了完整记录，并添加了建站过程中遇到的问题及解决方法。
常见错误：hexo + github pages搭建博客，本地server成功，部署到github上之后样式加载不出来
weixin_44146294的博客
04-12 3870
搭建hexo博客时样式总是报404加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。 在本地server成功，显示没有问题 但是在Git上部署至github上之后，就无法显示主题、图片和基本样式...
hexo 打包后css js无法加载问题
weixin_41973410的博客
08-25 2101
前言 将hexo部署到服务器上，需要在命令行执行hexo generate，生成打包好的文件夹public。参考部署至Web服务器，public里的所有文件需要放置在Nginx目录下的某个文件夹中（一般根据项目配置自定义），例如我们项目是放在/home/dwt-best-practice/下： 此时部署后，会发现打开页面是没有css和js效果的，F12看console会发现是因为资源路径加载问题。 解决方案 在站点配置文件根目录/_config.yml中配置URL： 根据在Nginx服务器上配置的ser
Github pages+hexo搭建博客css样式加载不出来
m0_45483025的博客
05-02 4392
搭建hexo博客时样式总是加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。 在本地server成功，显示没有问题 在这里插入图片描述 但是在Git上部署至github上之后，就无法显示主题、图片和基本样式了 在这里插入图片描述 通过控制台查看样式文件报404，是因为url地址不对。 需要修改根目录_con
使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
DoublePeach的博客
08-12 5965
既然不是语法的问题那就是路径的问题了，可能是路径问题导致的css或js文件未导入或未加载到，我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址，无误，但root是要填仓库所在的根路径，这里却填成了仓库路径，导致路径找不到，所以样式无法加载，这样把错排出来后面就简单多了！我第一反应是这些静态文件未编译或者语法有问题，但找半天后并没有发现语法上有什么问题。最后一定记得先把github仓库刷新一下，然后再访问目标网页地址，这时就会发现样式都出现了，问题解决！...
hexo + github pages搭建博客样式加载不出来
热门推荐
banjw的博客
08-31 1万+
搭建hexo博客时样式总是报404加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却遇到样式加载不出来的问题，查询该问题也没找到清晰的解决方法，在此进行总结。 通过控制台查看样式文件报404，是因为url地址不对。 需要修改_config.ym...
【Hexo + Github 搭建自己的专属博客】
2301_76761656的博客
03-27 1672
在Windows上使用Git，可以从Git官网直接，然后按默认选项安装即可。安装完成后，在开始菜单里找到，蹦出一个类似命令行窗口的东西，就说明Git安装成功！在Git中绑定Github账号，打开“Git Bash”，在命令框中依次输入两行命令：由于Hexo是基于Node.js驱动的一款博客框架，所以安装NodeJSoad/并配置环境变量。以上环境准备好了就可使用npm开始安装Hexo安装Hexo完成后，在指定文件夹下打开。
Hexo+Github: 博客网站搭建完全教程(看这篇就够了)
sunhwee的博客
08-28 3528
文章目录阅读须知博客开源前言第一部分 搭建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...
用Github Pages+Hexo搭建博客之#如果换了电脑、重装系统了怎么办？
夏普通
01-13 2200
【置顶】【专栏】用Github Pages+Hexo搭建博客 1.安装Nodejs、Git 要使用Hexo,需要安装Nodejs以及Git 1、下载安装Node.js 2、下载安装Git 选择适合自己系统的安装 具体安装配置内容，可以参考我的另一篇博客内容（写的还是挺详细的，又自夸嘻嘻） 用Github Pages+Hexo搭建博客之(一)搭建Github Pages+Hexo+部署到GitHub...
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 1538
使用hexo搭建博客很容易，这里推荐一个视频，讲得很全面，直接照着做就行。 https://www.bilibili.com/video/av44544186?t=1688 需求描述 如下图所示，一般使用hexo搭建博客是直接以guyongpu.github.io的格式命令，但这里我想做个人主页网站(HomePage)，在个人主页中通过链接跳转到博客，这样的目的是便于通过域名直接访问到主页，然后再...
Hexo+Github博客css js404导致博客页面空白
xin053
11-04 6617
问题最近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 3325
Hexo next 主题加载自定义 js 文件 为什么要配置 hexo next 主题自定义 js 文件呢？主要原因有两点： 不可靠：加载第三方站点的 js 依赖其站点的稳定性，如果第三方站点给挂了或者不维护了，那么加载的地址就失效了， 访问直接 404… 比如最近就遇到 next 主题"不蒜子"文章 PV 统计功能用不了了，Chrome 抓包发现 https://dn-lbstatics.q...
CSS、JS文件无法正确加载至页面问题与解决
sakurapaid的博客
12-04 7674
在开发Java Web项目时，遇到CSS和JavaScript文件无法正确加载至页面的问题
github打不开js、css、图片问题解决
去阅读，去经历，去思考
07-20 1717
打开github网站时，assets-cdn.github.com下的静态文件全报404，目测是因为一个众所周知的原因，DNS解析不了该域名。 解决方案 在本地hosts文件加入下面一行 151.101.112.133 assets-cdn.github.com 附：域名对应ip可以通过此网站查到...
五分钟内高效解决github访问加载失败
qq_45350814的博客
07-31 1565
gIthub访问失败
Hexo 中使用 JS 扩展 Markdown 语法
weixin_52268321的博客
07-10 453
用 JS 扩展了 Markdown 语法，通过更简单的方式实现图片的放大缩小 + 水平居中
云服务器快速安装 hexo.js 并部署自己的网站
提莫不好玩的博客
05-02 370
为了酷炫一把，花了重金买了个云服务（天翼云服务器，190块一年2核4G 5兆带宽），这里说明这里不是广告，额小博主做了也没有收入。 主要参考这个博主 https://blog.youkuaiyun.com/smileyan9 的一些博客，但是我觉得他的内容不够精细，这里重新做个笔记，希望可以帮助到大家。 1. 安装 node.js 我比较习惯安装最新的稳定版本的，目前对应的是 16.15.0。 前去 https://nodejs.org/dist/v16.15.0/ 找到 node-v16.15.0-linux-x64
hexo部署到github
最新发布
01-07
### 如何将 Hexo 博客部署到 GitHub Pages #### 安装必要的插件 为了能够顺利地将 Hexo 博客部署至 GitHub Pages，需安装 `hexo-deployer-git` 插件。这可以通过执行如下命令完成： ```bash npm install hexo-deployer-git --save ``` 此操作会下载并配置好用于连接本地项目与远程 Git 仓库所需的组件[^1]。 #### 准备工作 确保已拥有一个 GitHub 账户以及创建了一个新的仓库来存储博客文件。注意，在初始化新库时应选择 **Initialize this repository with a README** 来避免后续推送过程中遇到冲突问题[^4]。 #### 修改 `_config.yml` 文件中的设置 找到位于根目录下的 `_config.yml` 文件，并编辑其中关于部署的部分以匹配个人的 GitHub 用户名和仓库名称。具体来说就是更新如下字段: ```yaml deploy: type: git repo: https://github.com/USERNAME/REPO.git branch: main ``` 这里的 `repo:` 后面应该填写完整的 SSH 或 HTTPS URL 地址指向所建立的那个私有或公开性质的 GitHub Repository[^2]。 #### 执行部署流程 当一切准备就绪之后，可以按照下面给出的一系列指令来进行最终的数据同步动作： ```bash hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public) hexo generate # 将 Markdown 文章转换成 HTML 页面 hexo deploy # 把最新版的内容推送到指定分支上 ``` 上述每一步骤都至关重要，因为它们共同构成了从撰写博文到最后上线展示给读者看的关键环节。 值得注意的是，Git 是一种分布式版本控制系统，而 GitHub 则是一个基于 Web 的平台，它提供了托管服务使得开发者们能更方便地管理和分享自己的代码资源。因此理解两者之间的区别对于成功搭建在线博客非常重要[^3]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值