Hexo博客部署服务器时访问静态资源失败(css,js)

最新推荐文章于 2024-07-12 19:05:03 发布
最新推荐文章于 2024-07-12 19:05:03 发布
阅读量970 收藏
点赞数
文章标签： https ssl nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48630721/article/details/127985870
版权

腾讯云服务器+域名

在把我的hexo博客从github中转移到我的服务器上时，页面可以正常打开，但是会出现静态资源访问失败的错误，样式以及一些页面无法加载出来，如图
在这里插入图片描述
一开始尝试了其他很多博客的方法，包括nginx上配置文件的修改以及hexo中_config.yml的修改，包括于对请求资源路径的修改，例如nginx中的
在这里插入图片描述
添加了一个location。于是着手从https这个方向思考，觉得是本服务器没有安装SSL证书导致的，https请求服务器无法处理，所以就去安装部署SSL证书，步骤腾讯云官网有— nginx部署SSL证书，然后安装完成后配置好SSL，使用https访问博客页面，就加载出来了，害，还是蠢了。
修改nginx.conf
在这里插入图片描述
重启nignx，即可成功加载静态资源。

博客地址：

你欲何为

老言义岂了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
hexo:hexo博客所有源文件
05-30
7. **部署配置**：在`_config.yml`或单独的部署配置文件（如`deploy.js`）中，你可以设定部署策略，例如使用GitHub Actions、GitLab CI/CD或SSH等方式将博客发布到指定的服务器。 8. **其他**：还可能包含`....
CDN:Hexo-LiveForCode主题静态资​​源
03-31
将这个主题的静态资源部署到CDN，可以显著提升用户访问博客时的加载速度和用户体验。 jsDelivr是一个流行的公共CDN服务，它免费提供各种开源库和项目，包括Hexo主题的静态资源。通过使用jsDelivr，我们可以将...
使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
DoublePeach的博客
08-12 5020
既然不是语法的问题那就是路径的问题了，可能是路径问题导致的css或js文件未导入或未加载到，我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址，无误，但root是要填仓库所在的根路径，这里却填成了仓库路径，导致路径找不到，所以样式无法加载，这样把错排出来后面就简单多了！我第一反应是这些静态文件未编译或者语法有问题，但找半天后并没有发现语法上有什么问题。最后一定记得先把github仓库刷新一下，然后再访问目标网页地址，这时就会发现样式都出现了，问题解决！...
研究中遇到的问题记录：gitee+hexo部署静态网页时候路径问题
qq_42555291的博客
07-25 1287
路径问题 第一个路径是Hexo根目录下的_config.yml中的root，这个路径的作用是配置打开网页的第一个入口。 第二个路径是配置静态网页的部署目录，这里填写有网页的路径 在部署得时候css路径缺失问题 这两个路径配置不好，会在部署好之后没有获取到css的路径。 解决方法 如果你的index.html不在根目录下面，就需要配置第二个路径，比如index放在了public目录下，部署目录 = /public。 第一个目录不需要动 有任何问题关注公众号知享奇留言，我会在看到的第一时间留言。 ...
微服务项目部署后，无法访问静态资源，无法访问到上传到upload中的文件，解决办法
nightwind2017的博客
06-29 870
解决访问静态资源问题
打包部署后css不生效
biggerAndStrong的博客
11-15 748
部署后css不生效
Hexo 主题部署到gitee上css样式不生效问题
Genus_的博客
01-25 3468
前几个月搭建了一个hexo主题的博客,部署在了gitee(为什么不要GitHub ? 因为好慢 T_T ~~ ),总结下遇到的几个坑 guestljz的博客 本地访问正常 部署在gitee上样式不生效?? 样式不生效的主要原因是css文件路径出了问题,样式没有链到 所以需注意一下几点 : 大家在将博客部署在gitee上首先第一步就是要新建一个仓库 !!! 这里要注意 仓库名必须和你注册gitee或GitHub的用户名一致 对应的,我们上面的仓库路径中使用的是https ,所以在这边也要勾选强制使用h
记录一次hexo生成静态文件报错
啊啊啊啊2
01-17 489
hexo常见错误 欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~ hexo d 生成HTML文件报错###错误代码： FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/do cs/troubleshooting...
hexo搭建博客常见报错和解决方法
憨豆婆的博客
01-24 1073
以上就是搭建过程中常见的错误，希望大家平安顺利完成学习过程。
hexo-matery-blog:hexo博客搭建
04-07
6. **启动服务器**：运行`hexo server`，在浏览器中访问`http://localhost:4000`预览你的博客。 7. **编写文章**：在`source/_posts`目录下创建Markdown文件，按照Markdown语法撰写文章。 8. **生成静态页面**：完成...
myblog:个人Hexo博客
03-24
myblog可能使用了自定义或第三方主题，主题文件夹内包括布局文件（EJS或Jade）、样式表（CSS）、JavaScript和其他资源。 3. **_config.yml**：全局配置文件，定义博客的基本设置，如站点标题、副标题、作者信息、...
blog:个人博客hexo
03-23
4. **public**：生成的静态文件将被放置在此目录下，当运行`hexo generate`或简写为`hexo g`时，Hexo会根据源文件生成这些HTML、CSS、JS等静态文件，用于上传到服务器。 5. **node_modules**：这个目录包含Hexo运行...
jsp部署服务器后在浏览器中css失效
yq15797688367的博客
07-11 933
然后查看css路径是否正确 一般在HTML和jsp中css和js使用相对路径，建议使用全路径，同时contextPath来获取web应用路径来访问css 同时在访问时发现css可以正常获取，说明路径没问题 css语法没问题，路径也没问题，按理来说可以正常使用 经过检查后发现css的类型为text/html，正确的为text/css;charset=UTF-8 找到错误之后，发现是设置了全局过滤器的原因 修改之后发现恢复正常 只能说尽量少用全局过滤器，这样的话会把css]、js、图片等资源无法使用。...
Github pages+hexo搭建博客css样式加载不出来
m0_45483025的博客
05-02 3843
搭建hexo博客时样式总是加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。 在本地server成功，显示没有问题 在这里插入图片描述 但是在Git上部署至github上之后，就无法显示主题、图片和基本样式了 在这里插入图片描述 通过控制台查看样式文件报404，是因为url地址不对。 需要修改根目录_con
静态页面部署到服务器上访问，无法加载静态资源问题
人言束负
12-22 821
静态资源加载失败
使用hexo搭建博客，文件无法加载的问题
AlwaySimple的博客
09-18 1451
使用hexo搭建博客很容易，这里推荐一个视频，讲得很全面，直接照着做就行。 https://www.bilibili.com/video/av44544186?t=1688 需求描述 如下图所示，一般使用hexo搭建博客是直接以guyongpu.github.io的格式命令，但这里我想做个人主页网站(HomePage)，在个人主页中通过链接跳转到博客，这样的目的是便于通过域名直接访问到主页，然后再...
hexo推送博客gitee 踩坑
qq_43563512的博客
11-13 1373
本文重在排坑。 hexo 推送博客 gitee1. 安装node.js什么是node.js2. 安装npm3. nodejs 、npm环境变量配置4. git工具的安装及配置5. hexo本地搭建博客 及测试6. 推送gitee1.创建gitee库仓库名要求：不这样设置仓库名的话这样会出现的问题：gitee pages 帮助文档说明。2.hexo本地推送3.创建的仓库开启gitee pages服务 1. 安装node.js 什么是node.js 简单的说 Node.js 就是运行在服务端的 JavaScri
js 请求blob:https:// 图片
最新发布
lwdfzr的博客
07-12 550
方式164>c;for(c=0;t-t%3>c;xhr.send();""", uri)方式2xhr.send();});if(img){}else{
hexo搭建博客部署gitee
08-16
在使用Hexo搭建博客并将其部署到Gitee的过程中，你需要进行一些修改以确保正确的部署。 首先，你需要在_config.yml文件中找到deploy配置部分。在这里，你需要对deploy进行如下修改： ``` deploy: - type: git repo: https://gitee.com/你的用户名/你的仓库名.git branch: master ``` 将上述代码中的"你的用户名"替换为你在Gitee上的用户名，并将"你的仓库名"替换为你的博客仓库在Gitee上的名称。 接下来，你需要将你的博客同时部署到GitHub，以便在无法访问Gitee时，仍可通过GitHub访问你的博客。在_config.yml文件的deploy配置中，添加以下代码： ``` - type: git repo: https://github.com/你的用户名/你的仓库名.git branch: master ``` 同样，将上述代码中的"你的用户名"替换为你在GitHub上的用户名，并将"你的仓库名"替换为你的博客仓库在GitHub上的名称。 完成以上修改后，保存并关闭_config.yml文件。接下来，你可以通过运行命令`hexo deploy`将你的博客部署到Gitee和GitHub。 请注意，部署到Gitee相对于GitHub可能会稍微麻烦一些，因为你需要手动去Gitee的网站上更新一次才能看到更新效果。这是因为Gitee是国内版的GitHub，速度相对较快，但在部署时需要手动同步。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [搭建hexo博客——Gitee篇](https://blog.csdn.net/qq_939317133/article/details/124046319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo博客同时部署gitee和github，搭建镜像站](https://blog.csdn.net/liegu0317/article/details/123058346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值