next主题上传github.io界面样式无效

最新推荐文章于 2022-12-15 22:11:30 发布
最新推荐文章于 2022-12-15 22:11:30 发布
阅读量1.2k 收藏
点赞数
文章标签： next主题 hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/edua_hy/article/details/99685696
版权
本文解决了一个常见问题：使用Hexo框架和Next主题上传至GitHub Pages时，本地部署正常但在GitHub上图片和背景动画无法加载显示。通过修改主题配置文件中的资源路径指向，成功解决了这一问题。
摘要由CSDN通过智能技术生成

next主题上传github.io界面样式无效

问题描述

本地部署后的图片和背景动画，通过hexo d上传至github后，不会加载显示图片和背景动画？

解决方法

尝试性解决？

进入/next/source，将其中的lib文件的名字改成其他名字（例：qwe）
然后打开/next中的_config.yml，将# Script Vendors.中的_internal: lib修改为_internal: qwe
09f6c87039315501d85b8d7ad3cc5e6d.png
重新在GitBash中输入

hexo clean
hexo g
hexo d

打开博客主页，清理缓存刷新，搞定

edua_hy
关注
aliceui.github.io:写样式的一种方式
05-10
关于 Alice order: 1 category: alice Alice 是什么 Alice 是漫游仙境的童话女神，是支付宝的样式解决方案，是一套精选的基于 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。 她包括了一套通用样式模块库，一个模块化样式构建规范，一组帮助书写和组织样式的工具，以及产出更多 Alice 模块和样式库的完善方案。 图片来自 。 Alice 的特点 模块化的命名和组织方式。 基于 spm 生态圈，使用了Alice 命名规范，以模块的方式组织样式。 强大的工具支持。 Alice 使用了 spm、nico、Peaches 等实用的工具帮助开发样式。 使用 iconfont 和 CSS3 技术。 我们推崇纯色和简单渐变的视觉效果，Alice 的通用样式模块一律不使用背景图片来实现， 而是使用了 iconf
本地博客与上传到github的博客不一致的情况
NockinOnHeavensDoor的博客
05-14 1488
本地可以看到是显示的代码行。 在github上就错误了。 原因：注销_config.yml里的#markdown: kramdown
（转）HEXO发布到Github上，README.md文件正常显示的解决
踏雪寻梅
10-29 623
https://blog.csdn.net/qq_27093465/article/details/73359439
常见错误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 下面
GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决
DanielSmith
11-04 2327
GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决
Hexo+Github: 博客网站搭建完全教程(看这篇就够了)
sunhwee的博客
08-28 3019
文章目录阅读须知博客开源前言第一部分 搭建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+Fluid搭建自己的个人博客网站！
qq_42722097的博客
12-15 708
从零开始用Hexo+Fluid搭建个人博客系统
( 持续更新，目前含 200+ 工具类 ) DevUtils 是一个 Android 工具库, 主要根据不同功能模块，封装快捷使用的工具类及 API 方法调用。
afkT 的博客
09-24 5097
About DevUtils 是一个 Android 工具库, 主要根据不同功能模块，封装快捷使用的工具类及 API 方法调用。 该项目尽可能的便于开发人员，快捷、快速开发安全可靠的项目，以及内置部分常用的资源文件，如color.xml、(toast) layout.xml等 Gradle Step 1. Add the JitPack repository to your build fil...
MongoDB+Socket.io+async+JWT+Express+Webpack+ES6+Sass+React
Rain120
01-09 1442
最近在github上学习一个前端项目 机票 KieSun/Chat-Buy-React 主要是利用 React / Node 实现的应用，代码虽然不难，但涉及的东西很多，所以我把我最近学到的东西，作为笔记写在这里，供我以后使用，或者大家参考，有什么问题还请大佬指点 主要是利用 React / Node 实现的应用，代码虽然不难，但涉及的东西很多，所以我把我最近学到的东西，作为笔记
最新版hexo+github搭建个人博客
为梦想加油！！！
11-27 1727
从学生时代开始就有做笔记和总结的习惯，以前的笔记都是在本子上，经常不知不觉就做了很多笔记，每次回头看到那么多工整漂亮（嗯，就是自恋>o<）的笔记成就感就油然而生。现在已经是信息时代了，购物也从线下搬到线上，想必笔记也应该如此。俗话说，“好记性不如烂笔头”，希望自己搭建的这个博客能够成为自己以后的笔记本。 本人博客预览：cloudyunfan@github.io 搭建环境：Windows...
本地修改Next主题后部署到GitHub上看到主题未变
weixin_42186644的博客
12-22 2326
问题描述：在本地对NextT的主题进行了修改，然后在本地访问显示已经修改了，但是执行hexo d命令部署到GitHub，使用用户名.github.io访问时并未修改 解决问题： 1.找到NextT主题的Source文件夹下的lib文件夹，将其名字修改成任意合法的名字，例如：xxw 2.找到主题文件下的配置文件_config.yml 3.找到主题配置文件下的Vendors设置其_internal与...
用Github Pages+Hexo搭建博客之(九)设置Hexo博客Next主题首页只显示部分（不显示全文）
夏普通
10-13 2143
【置顶】【专栏】用Github Pages+Hexo搭建博客 文章目录【置顶】【专栏】[用Github Pages+Hexo搭建博客](https://blog.csdn.net/qq_34243930/category_9662425.html)一、修改配置二、两种方法法1、文章截断法2、写摘要 Next默认是会显示全文的，这样显然很不方便，因此需要一些方法去只显示前面一部分。 一、修改配置 首先需要修改Next主题的_config.yml配置文件 # Automatically excerpt desc
Fluid主题出错解决方案
Time'go'go的博客
05-26 955
hexo博客之前一直使用的fluid主题突然出bug了，排版乱了，查看一下原因是因为无法获取一些在线的css和js资源，尝试了一些解决办法，最后通过重装主题解决问题
hexo + github pages搭建博客样式加载不出来
banjw的博客
08-31 1万+
搭建hexo博客时样式总是报404加载不出来 对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客，按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问，但是通过域名访问时却遇到样式加载不出来的问题，查询该问题也没找到清晰的解决方法，在此进行总结。 通过控制台查看样式文件报404，是因为url地址不对。 需要修改_config.ym...
Github上html页面(包括CSS样式和JS效果)如何显示出来
飞越蓝天的专栏
11-12 1万+
在看Github上项目时，发现有的html页面效果能很好的展现出来，而有的则不能。对这个问题很好奇，因此研究了一下，最终做到了将页面展示出来的目的。下面以我的Github(https://github.com/CmderQ) 的开源项目bootstrap-tools为例，一步一步来说明怎么做。 首先进入这个项目，然后点击设置： 进入这个页面后，对GitHub P
NexT主题安装配置与文章上传----hexo博客配置实测详细过程整理之三
Anchor.K的博客
05-25 511
接上上上篇文章hexo+github博客建立完成后，默认的主题是landscape，下面介绍一个新主题并且是最常用主题之一------NexT主题 以下过程皆为自己实际操作试验，可行性极高 安装NexT主题 介绍一个公认最常用的next最新版主题以及安装使用方法。 参考next官网教程 下载next主题包 next-v7.7.2压缩包下载地址 下载zip， 解压所下载的压缩包至站点的 themes 目录下， 并将 解压后的文件夹名称（hexo-theme-next-0.4.0）更改为 next。 启.
GitHub.io美化
最新发布
07-28
GitHub.io是一个用于托管静态网页的服务，可以用来展示个人项目、博客等内容。如果你想美化你的GitHub.io页面，有以下几种方法可以考虑： 1. 使用自定义域名：通过给你的GitHub.io页面绑定自定义域名，可以让页面的网址更加个性化。你可以购买一个域名，并将域名指向你的GitHub.io页面。这样，访问你的网址时会显示你的自定义域名。 2. 使用主题：GitHub.io支持使用Jekyll主题来美化页面。Jekyll是一个静态网站生成器，可以帮助你轻松地创建漂亮的页面。你可以在GitHub上搜索Jekyll主题，选择一个你喜欢的主题并应用到你的GitHub.io页面上。 3. 自定义CSS样式：如果你对前端开发比较熟悉，你可以在GitHub.io页面中添加自定义CSS样式来美化页面。通过修改页面的样式，你可以改变字体、颜色、布局等，使页面更加吸引人。 4. 添加图片和媒体：通过在GitHub.io页面上添加图片和媒体元素，可以增加页面的视觉效果。你可以在页面中展示项目截图、头图或者其他相关图片和视频，以增强页面的吸引力。 5. 使用插件和工具：有很多开源的插件和工具可以帮助你美化GitHub.io页面。比如，你可以使用Font Awesome插件来添加矢量图标，使用Google Fonts来选择更多的字体样式，使用Animate.css来添加动画效果等。 以上是一些常见的方法，你可以根据自己的需求选择适合的方式来美化你的GitHub.io页面。希望能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值