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

最新推荐文章于 2024-05-18 12:35:19 发布
最新推荐文章于 2024-05-18 12:35:19 发布
阅读量950 收藏
点赞数
文章标签： 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-theme-bamboo:Hexo博客主题，国内访问https
04-06
Hexo主题-竹子介绍 这是一个基于Hexo的响应式博客主题，最新文档，请 下载 首先你需要有一个 ，按照官网的方法，很容易的可以创建一个hexo博客。当你有了hexo博客之后，进入themes文件夹下使用Git clone命令来下载： git clone https://github.com/yuang01/hexo-theme-bamboo.git 基本配置 切换主题 修改Hexo根目录下的_config.yml的theme的值： theme: hexo-theme-bamboo _config.yml文件的其他修改建议： 请修改_config.yml的url的替换您的网站主URL （如： http://xxx.github.io ://xxx.github.io）。 author值更改您的名称（如：yuang）， description值随便写一段描述（如：千磨万击还坚劲，任尔东西
Hexo静态博客网站生成器-其他
06-12
Hexo是一个基于nodejs的静态博客网站生成器，同时也是一个简单且功能强大的博客框架。 Hexo特点： 1、快速生成 2、支持GitHub Flavored Markdown和大多数Octopress插件 3、一键部署到GitHub Pages，Heroku等 4、强大的API可实现无限扩展 5、数以百计的主题和插件
【报错】hexo 部署到 github 上，css、js 文件加载不出来怎么办
sparks42的博客
03-17 7474
1.修改hexo中 _config.yml 文件： 注意，root 后面写你 github 仓库的名字，前后斜杠都不能省！ url: http://yoursite.com root: /blog/ 2.重新上传 hexo clean hexo g hexo d ...
常见错误：hexo + github pages搭建博客，本地server成功，部署到github上之后样式加载不出来
weixin_44146294的博客
04-12 3554
搭建hexo博客时样式总是报404加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。 在本地server成功，显示没有问题 但是在Git上部署至github上之后，就无法显示主题、图片和基本样式...
用Github Pages+Hexo搭建博客之(一)搭建Github Pages+Hexo+部署到GitHub服务器 #解决hexo d部署报错 #解决css,js文件(网页样式图片)加载不出来
夏普通
10-21 1223
1. 搭建Github Pages 1.1了解Github GitHub是一个共享虚拟主机服务，用于存放使用Git版本控制的软件代码和内容项目。 github有一个很有爱的项目，叫做github pages，这个项目是给开发者建立一个私人页面，上面用来分享新颖的想法和自己写的代码。 1.2 注册属于你自己的Github账号 首先进入Github站点,然后进行注册注册完毕后你就拥有了自己的代码仓库了...
使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
DoublePeach的博客
08-12 4831
既然不是语法的问题那就是路径的问题了，可能是路径问题导致的css或js文件未导入或未加载到，我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址，无误，但root是要填仓库所在的根路径，这里却填成了仓库路径，导致路径找不到，所以样式无法加载，这样把错排出来后面就简单多了！我第一反应是这些静态文件未编译或者语法有问题，但找半天后并没有发现语法上有什么问题。最后一定记得先把github仓库刷新一下，然后再访问目标网页地址，这时就会发现样式都出现了，问题解决！...
使用hexo搭建博客，文件无法加载的问题
AlwaySimple的博客
09-18 1429
使用hexo搭建博客很容易，这里推荐一个视频，讲得很全面，直接照着做就行。 https://www.bilibili.com/video/av44544186?t=1688 需求描述 如下图所示，一般使用hexo搭建博客是直接以guyongpu.github.io的格式命令，但这里我想做个人主页网站(HomePage)，在个人主页中通过链接跳转到博客，这样的目的是便于通过域名直接访问到主页，然后再...
hexo推送博客gitee 踩坑
qq_43563512的博客
11-13 1361
本文重在排坑。 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
hexo搭建博客常见报错和解决方法
憨豆婆的博客
01-24 1034
以上就是搭建过程中常见的错误，希望大家平安顺利完成学习过程。
基于Hexo博客框架搭建的多个静态博客源码.zip
06-02
基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态...
hexo-all-minifier：Hexo的插件，可以优化HTML，CSS，JS和imagages，并且可以选择部署您的博客
02-04
:glowing_star: :NEW_button: 尝试在v0.4.0中使用最新功能JS_Concator 一体。 用于Minifier＆Optimization插件。 安装 $ npm install hexo-all-minifier --save 对于Mac用户，也许您需要安装更多内容 $ brew ...
Hexo静态博客网站生成器源代码
03-18
Hexo是一个基于nodejs的静态博客网站生成器，同时也是一个简单且功能强大的博客框架。 Hexo特点： 1、快速生成 2、支持GitHub Flavored Markdown和大多数Octopress插件 3、一键部署到GitHub Pages，Heroku等 4、强大...
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...
解决nginx部署后css、js、图片等样式加载不出来问题
weiwenhuaming_的博客
06-29 5418
修改nginx的conf配置文件 关键配置 location / { proxy_pass http://myServer; proxy_set_header Host $host; root html; index index.html index.htm; } location ~ .* { proxy_pass http://myServer; proxy_set_header Host $http_host;
Hexo部署到云服务器后CSS样式无效的问题
HoKis
12-10 535
Hexo部署到云服务器，CSS样式不生效的原因
静态页面部署到服务器上访问，无法加载静态资源问题
人言束负
12-22 769
静态资源加载失败
jsp部署服务器后在浏览器中css失效
yq15797688367的博客
07-11 873
然后查看css路径是否正确 一般在HTML和jsp中css和js使用相对路径，建议使用全路径，同时contextPath来获取web应用路径来访问css 同时在访问时发现css可以正常获取，说明路径没问题 css语法没问题，路径也没问题，按理来说可以正常使用 经过检查后发现css的类型为text/html，正确的为text/css;charset=UTF-8 找到错误之后，发现是设置了全局过滤器的原因 修改之后发现恢复正常 只能说尽量少用全局过滤器，这样的话会把css]、js、图片等资源无法使用。...
网络：HTTPS的加密
最新发布
li209779的博客
05-18 1025
本文是对于https加密的知识总结以上就是我对于HTTPS的知识总结。
hexo搭建博客部署gitee
08-16
接下来，你需要将你的博客同时部署到GitHub，以便在无法访问Gitee时，仍可通过GitHub访问你的博客。在_config.yml文件的deploy配置中，添加以下代码： ``` - type: git repo: https://github.com/你的用户名/你的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值