Hexo 主题部署到gitee上css样式不生效问题

最新推荐文章于 2024-07-11 12:03:15 发布
原创 最新推荐文章于 2024-07-11 12:03:15 发布 · 3.7k 阅读 · 14 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#git #hexo

本文分享了作者在使用Hexo搭建个人博客并部署到Gitee过程中遇到的问题及解决方案，重点介绍了如何正确设置CSS文件路径确保样式正常加载。

前几个月搭建了一个hexo主题的博客,部署在了gitee(为什么不要GitHub ? 因为好慢 T_T ~~ ),总结下遇到的几个坑
欢迎大家来玩 guestljz的博客

本地访问正常 部署在gitee上样式不生效??

样式不生效的主要原因是css文件路径出了问题,样式没有链到

所以需注意一下几点 :
大家在将博客部署在gitee上首先第一步就是要新建一个仓库

!!! 这里要注意 仓库名必须和你注册gitee或GitHub的用户名一致

在这里插入图片描述

对应的,我们上面的仓库路径中使用的是https ,所以在这边也要勾选强制使用https
在这里插入图片描述
不然在你配置文件中的仓库地址则需要修改成 http

在这里插入图片描述
这三个地方保持一致,css路径就是正确的,没有其他的问题样式是会生效的

Hexo 部署到 Gitee
程序员仓库
03-10 3105
Hexo 部署到 Gitee 文章目录Hexo 部署到 Gitee1. Gitee 创建仓库2. 修改 Hexo 配置文件3. 生成/添加 SSH 公钥3.1 生成 SSH 公钥3.2 将公钥添加到 Gitee3.3 验证公钥添加结果4. 生成 & 部署 Hexo5. 在 Gitee 上开通/更新 Git Pages 服务6. 浏览 Hexo 页面7. 不是Bug的Bug 关于 Hexo 项目的创建过程，请参考之前的文章基于黑群晖 NAS 搭建 Hexo 博客系统。虽然这篇文章是基于黑群晖 NAS
Hexo部署到云服务器后CSS样式无效的问题
HoKis
12-10 999
Hexo部署到云服务器，CSS样式不生效的原因
解决hexo博客部署到gitee（码云）时css样式不生效的问题
qq_41426117的博客
04-30 6955
这是官方的答案。指路链接 直接这样子 就可以完美解决了，不用再去改什么root之类的
常见错误8-搭建hexo，本地server成功，部署到github上之后不能显示主题样式
热门推荐
Pandakingli的博客
12-15 1万+
常见错误8-搭建hexo，本地server成功，部署到github上之后不能显示主题样式 在本地server成功，显示没有问题 但是部署到github上之后，就无法显示主题和图片了 更改一下_config.yml文件，其中的url和root属性。 url: http://www.nideyuming.com/blog/ root: /blog root 下面
Hugo博客部署到GitHub无法显示CSS、JS踩坑
各行棋道丶的博客
04-05 8981
背景 最近我跟着网上的教学搭建了一个Hugo的个人博客。 一路顺利，直到部署到GitHub后出了问题。 问题 那是遇到了什么问题呢？ 我搭建好的个人博客在本地运行是这样的↓ 很完美，对吧。 可是部署到GitHub后，访问远端是这样的↓ 这就出大问题了呀，CSS样式没了。 然后浏览器F12看了下报错↓ 它是加载失败，并不是找不到文件，也就说并不是我代码路径有问题，那排除了代码问题，那应该就是我...
github和hexo搭建个人博客，设置个人主题nexT之后有些配置没有反应的解决办法
一瓢西湖水的博客
11-24 443
设置主题之后得先hexo clean再g -d啊
Hexo 部署博客时本地预览和部署到github.io上效果不一样
counting_stars123的博客
03-01 4045
修改本地配置文件_config.yml中的url # URL ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' url: http://你的github名字.github.io root: / 改完之后，运行besh 运行： hexo c ...
hexo博客同时部署gitee和github，搭建镜像站
liegu0317的博客
02-21 603
hexo博客同时部署gitee和github，实现两站内容一致 前提是你在github和gitee都已经配置好储存库 国内github访问速度较慢，gitee可以作为替补方案 在搭建自己的Blog请参见快速搭建简约风格博客、Blog美化 在_config.yml将deploy下内容作出如下修改 deploy: - type: git repo: https://gitee.com/liegu0317/liegu0317.git branch: master -...
hexo配置GitHub/gitee双部署
恍若c的博客
08-25 1296
GitHub作为国外站点实在是比较慢也不太稳定，所以决定把博客搬到国内的gitee上，提高访问速度。 gitee创建仓库 1、首先登录gitee, https://gitee.com/ 创建仓库 2、配置sshkey 由于之前生成过，所以只需要找到之前的id_rsa.pub文件打开复制即可 点击gitee设置，去配置sshkey 点击SSH公钥，输入标题和复制的公钥进行配置 hexo项目配置 在hexo根目录的_config.yml中进行配置仓库地址 配置完成，执行hexo g -d将博客推送到
Hexo博客 Next更换修改主题样式 不生效的解决
hello world
03-21 6574
在对下面的Next主题样式修改时候，博客站点可能无法正常生效。 # Schemes scheme: Muse #scheme: Mist #scheme: Pisces #scheme: Gemini 解决方法： 1.在git bash中进入hexo目录，执行hexo clean后 再执行hexo g -d 2.浏览器清除缓存 3.刷新页面即可生效 ...
Hexo博客部署服务器时访问静态资源失败(css,js)
m0_48630721的博客
11-22 1118
Hexo部署服务器出现的静态资源问题
打包部署后css不生效
biggerAndStrong的博客
11-15 999
部署后css不生效
CSS实战二：仿gitee登陆页面(带尖角的小长方形）
News777的博客
08-05 701
目录成品展示全局下方栏：更多代码HTML代码CSS代码小插件带尖角的卡片(长方形） 成品展示 全局 下方栏：更多 代码 HTML代码 <body> <div class="container"> <div class="main"> <div class="main_left"> <div class="top"> <d
使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
DoublePeach的博客
08-12 6144
既然不是语法的问题那就是路径的问题了，可能是路径问题导致的css或js文件未导入或未加载到，我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址，无误，但root是要填仓库所在的根路径，这里却填成了仓库路径，导致路径找不到，所以样式无法加载，这样把错排出来后面就简单多了！我第一反应是这些静态文件未编译或者语法有问题，但找半天后并没有发现语法上有什么问题。最后一定记得先把github仓库刷新一下，然后再访问目标网页地址，这时就会发现样式都出现了，问题解决！...
搭建博客，使用hexo-theme-matery主题无效果
m0_54630400的博客
04-11 683
解决方法： 打开博客的_config.yml文件，将repo地址由HTTPS改为SSH地址，地址要在GitHub仓库中找
hexo 打包后css js无法加载问题
weixin_41973410的博客
08-25 2139
前言 将hexo部署到服务器上，需要在命令行执行hexo generate，生成打包好的文件夹public。参考部署至Web服务器，public里的所有文件需要放置在Nginx目录下的某个文件夹中（一般根据项目配置自定义），例如我们项目是放在/home/dwt-best-practice/下： 此时部署后，会发现打开页面是没有css和js效果的，F12看console会发现是因为资源路径加载问题。 解决方案 在站点配置文件根目录/_config.yml中配置URL： 根据在Nginx服务器上配置的ser
GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决
DanielSmith
11-04 2761
GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决
[最全]解决将Hexo部署到GitHub时报错：Error: Spawn failed
最新发布
2303_79611263的博客
07-11 2810
本文提供多种方法来解决将Hexo部署到GitHub时的报错问题：Error: Spawn failed
gitee搭建hexo博客无样式
Android_la的博客
11-12 921
文章目录一. 问题背景二. 解决 一. 问题背景 本来是挂载到github上面的，发现部署后无法访问页面，原因是域名解析xxx.github.io为127.0.0.1。后来改为博客上传到gitee后，css，js等样式无法加载。 二. 解决 其实问题出在_config.yml文件。 里面的配置： deploy: type: git repo: git@gitee.com:zilianggan/zilianggan.git branch: master 说明：repo的值是clone地址的值 还
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.youkuaiyun.com/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.youkuaiyun.com/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 ]
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值