图像和CSS在github.io页面上不起作用
在github.io页面上，图像和CSS不起作用可能是由于以下几个原因：
- 图像路径错误：确保图像的路径是正确的，并且在github.io页面上可以访问到。可以使用相对路径或绝对路径来引用图像。
- CSS路径错误：类似于图像路径，确保CSS文件的路径是正确的，并且在github.io页面上可以访问到。同样，可以使用相对路径或绝对路径来引用CSS文件。
- MIME类型错误：检查图像和CSS文件的MIME类型是否正确设置。确保图像使用正确的图像格式（如JPEG、PNG、GIF等），CSS文件使用正确的文本/CSS MIME类型。
- 缓存问题：如果之前在github.io页面上使用过相同的图像或CSS文件，可能会存在缓存问题。尝试清除浏览器缓存或使用不同的文件名来避免缓存。
- 权限问题：确保图像和CSS文件的权限设置正确，允许github.io页面加载这些资源。
如果以上方法都无法解决问题，可以尝试以下步骤：
- 检查github.io页面的HTML代码，确保正确引用了图像和CSS文件，并且没有其他错误。
- 尝试在其他浏览器或设备上访问github.io页面，以确定是否是特定浏览器或设备的兼容性问题。
- 如果问题仍然存在，可以尝试将图像和CSS文件上传到其他云存储服务或自己的服务器，并在github.io页面上引用这些资源。
腾讯云相关产品和产品介绍链接地址：
- 云存储 COS（对象存储）：提供高可靠、低成本、安全的云端存储服务，适用于存储和处理图像、视频、音频等各种类型的文件。详情请参考：https://cloud.tencent.com/product/cos
- 云服务器 CVM：提供弹性、可靠的云服务器，可用于部署和运行网站、应用程序等。详情请参考：https://cloud.tencent.com/product/cvm
- 云安全中心：提供全面的云安全解决方案，包括DDoS防护、Web应用防火墙（WAF）、安全加速等功能，保护网站和应用程序免受网络攻击。详情请参考：https://cloud.tencent.com/product/ssc
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
7回答
我已经为我在GitHub工作的一个项目创建了一个gh-pages分支。
我使用Sublime text在本地创建网站，我的问题是当它被推送到GitHub时，所有指向javascrips、图像和css文件的链接都无效。
例如，我的头部有这个。
<link href="assets/css/common.css" rel="stylesheet">
这在本地很有效，但在GitHub中无效，因为链接不是使用存储库名称作为URL的一部分来解析的。
它要求：
http://[user].github.io/assets/css/common.css
当它本应该
浏览 1提问于2013-05-01得票数 84
回答已采纳
我的GitHub配置文件中有几个存储库。在github.io上发布一个很容易，我阅读了教程。
但是，如何在github.io上为我的存储库创建几个页面呢？如下所示：
profile.github.io/repository1
profile.github.io/repository2
profile.github.io/repository3
我想要托管的所有页面都是简单的页面。只有HTML5 + JavaScript + CSS。
浏览 0提问于2018-10-25得票数 1
回答已采纳
令人恼火的是，一些CSS属性在某些Android手机上不起作用。max-height和max-width属性也是如此。
是否有任何等效的CSS属性来处理这些事情？对于图像，图像应该是可根据比例缩放的。下面是一个用于相同功能的。
浏览 3提问于2013-05-03得票数 0
我尝试在图像出现时附加一个load事件，而无需等待文档完成加载。所以我使用$.on来实现这一点，而不是将我的代码放在页面的底部，但它仍然不起作用。
我的html是这样的：
<script>
$('img').on('load', function(){
$(this).css('border', '2px solid red');
});
</script>
<img src="koala.png" />
这实际上不起作用，但这确实起作用了：(这不是我想要的)
浏览 0提问于2012-05-15得票数 0
我正在使用jekyll建立一个github项目页面博客，并且指向我的assets文件的链接不能正常工作。我看到过其他几篇有类似问题的帖子，但似乎没有一篇适用于我的案例。在标记为副本之前，请检查我是否已经尝试过另一个问题中所建议的解决方案。
当试图向我的帖子中添加图像时，图像不会显示。当我试图链接到一个pdf下载时，我会得到一个死链接(如在http://nikosdaniilidis/github.io/assets/all-pdf/Daniilidis2014-surface-noise.pdf中)。
我尝试了以下配置：
案例0
在_config.yml中
baseurl: "
浏览 4提问于2014-10-15得票数 3
回答已采纳
我现在有用简单的HTML/CSS制作的[username]/github.io页面。
现在，我正试图转到Hugo，以便更有效地管理这些网站。我知道Hugo (静态站点生成器)生成public目录，我只需将内容复制到[username]/github.io存储库即可。
然而，以这种方式，我必须有两个不同的存储库，以保持雨果项目本身和网站的产生。
为雨果保留储存库的正确方法是什么？
我相信Jekyll会在GitHub的服务器端生成GitHub页面。
对于Hugo项目，我是否需要有两个不同的存储库，一个用于Hugo，另一个用于生成的站点？
浏览 0提问于2018-05-20得票数 0
回答已采纳
2回答
之前，我为github.io页面选择了内置的github页面主题，但最终决定使用自己的html/css文件。然而，作为一个webdev初学者，即使在删除了.yml文件之后，我也找不到取消主题的方法。有什么建议吗？谢谢。
浏览 0提问于2017-04-15得票数 10
回答已采纳
我想学习一些前端，我正在建立一个简单的网站。它是在GitHub页面上发布的，但是没有显示背景图像。它在本地主机上工作得很好，但在GitHub页面上就不行了。这是我在索引页的head标记中使用的代码：
<style>
body {
background-image: url("watch.jpg");
}
</style>
watch.jpg和index.html位于同一个目录中。
浏览 1提问于2021-12-18得票数 0
1回答
我的页面显示来自azure存储的文件，其中一些是横向的，而另一些是纵向的。我的问题是所有的文件都显示为横向。一开始，我只是简单地尝试添加以下css： .photo{
image-orientation: from-image;
} 但似乎css已被弃用/在edge和chrome上不起作用。 接下来，我尝试使用blueimp的JavaScript-Load-Image。它正在努力显示图像，但方向并没有改变-它们都仍然在横向显示。 JavaScript： function RotateImage(fileURL) {
var loadingImage = loadImage(
浏览 27提问于2021-10-28得票数 0
1回答
我对node.js不是很熟悉，但我已经创建了一个网站来学习CSS、HTML和JS，现在我在托管它时遇到了麻烦。我可以很好地运行命令npm start，然后我可以看到我的站点及其所有页面都位于localhost:3000。然而，当我尝试使用Github pages或Netlify上传网站时，我总是得到404个错误。我想这是因为我的index.html文件在我的views文件夹中，所以它不知道在哪里查找第一页。我试着把所有东西都移出视图，但这不起作用，我试着用下面的代码做一个“虚拟的”index.html：
<meta http-equiv="refresh" content
浏览 0提问于2020-06-11得票数 0
我正在通过在GitHub页面上设置Jekyll。我的GitHub回购发布到~.github.io/hello-pages，所以我很自然地将{{ site.baseurl }}插入到锚标签中，等等。
不起作用的是permalinks:我必须在permalink: /hello-pages/blog/:year/:month/:day/:title.html中手动拼写_config.yml中的任何permalinks才能工作；否则，它们会链接到例如~.github.io/blog/x/y/z，而不是像我预期的~.github.io/hello-pages/blog/x/y/z那样。
手动指定bas
浏览 3提问于2018-01-25得票数 2
由于某些原因，链接和Lightbox图像在此页面上不起作用：
链接将在底部页脚区域的内容框外工作，但不会在框内工作？
浏览 0提问于2012-06-11得票数 0
回答已采纳
我按照指示为我的项目创建了一个，并将其存储在gh-pages分支中。它位于以下网址：[username].github.io/[project_name]。
后来，我在GitHub中创建了一个组织，并将我的项目转移到该组织，包括相同的gh-pages分支。正如预期的那样，以前的Project不再工作。但是，下面的url也不起作用：[organization].github.io/[project_name]。当我检查我的项目的设置时，它在GitHub Pages部分中显示了以下错误：
您的页面在构建问题：验证失败:用户必须是人，而不是组织
这是否意味着根本不可能为属于组织的存储库创建项目页？还
浏览 1提问于2014-05-08得票数 13
回答已采纳
我正在做一个PWA，我已经在我的站点上安装并激活了一个服务人员。在本地服务器上进行测试时，它运行得非常好，但是当我实时发送代码时，它就失败了。
这是我的西南：
const cacheName = 'v1';
const cacheFiles = [
'/',
'/css/styles.css',
'/images/test1.png',
'/images/test2.png',
'/js/app.js',
'/js/sw-registratio
浏览 0提问于2018-03-18得票数 1
回答已采纳
我有一个组件视图，它有用CSS样式设计的图像、表和列表。有合法的方法来导出/保存这个视图到pdf吗？ctrl+p实际上不起作用，因为它用导航等抓取了整个页面。我正在考虑实现print按钮，它将重定向到另一个"PrintComponentCleanView“，然后从那里实现ctrl+p。这是一个2步的过程。我相信有更好的方法来实现这一点。任何想法都值得赞赏。
浏览 3提问于2017-12-05得票数 1
回答已采纳
我在一个项目中使用了github页面，它运行得很好：
让我很好地加载
但是，现在我想使用主用户github页面，它似乎不想工作：
应该会导致，但是虽然apgtk分支gh页面工作正常，但是jnvsor.github.io存储库根本不起作用。
怎么了？
浏览 1提问于2014-03-02得票数 0
回答已采纳
1回答
我在给一个点击的链接添加样式时遇到了问题--这是一个图片，我希望它一旦被点击就会有阴影，但我不能让它发生，shadow和box-shadow似乎都没有做任何事情。
我设法让它在jsFiddle上工作：
但它在我的页面上不起作用：
当你点击绿色的'1 reranks‘按钮(上面有小的彩色条)时，你可以看到这个链接。我甚至尝试将整个CSS从页面复制到jsFiddle，它在jsFiddle上仍然有效，但在页面上不起作用。有人能发现问题所在吗？
浏览 4提问于2012-07-17得票数 0
如果我将githubpages存储库设置为<username>.github.io，根目录中的所有内容都会显示在<username>.github.io上
但是我想使用/docs特性，这样我就可以在输出到/docs文件夹的项目根目录中拥有一个静态站点生成器
所以说
- have a /docs folder in the root of the repository
- not follow the repository naming scheme <username>.github.io or <orgname>.github.io
因此，我将
浏览 2提问于2017-09-13得票数 0
我在Github上的Jekyll博客在使用自定义域名时无法加载CSS和其他站点文件。我只能看到文本。 当我使用标准博客域名(username.github.io/ github.io )时，该网站工作正常。 每次我在Github页面上将博客页面设置为blog.domain.com时，网站都无法正确加载。 Github repo：https://github.com/sabre45/BLOG
浏览 43提问于2019-01-16得票数 3
我有一个角度应用程序部署到GitHub页面在<user>.github.io (与匹配的回购名称)作为我的投资组合网站。我在<user>.github.io/<project>上部署了另一个Angular应用程序，并正确设置了基本href。但是，当我试图访问项目页面时，我会被重定向到portfolio页面，包括URL中的更改。
这两个存储库都使用构建到gh-pages分支的根目录的GitHub操作。这两个应用程序都将其index.html文件复制到404.html。
这是通向portfolio站点的路径：
const routes: Routes = [
浏览 4提问于2021-05-02得票数 0
我正在学习Laravel并使用Laravel 8和Jetstream。在XAMPP上测试应用程序时，css不会加载到登录/注册页面。css链接指向localhost/app/css位置。如果我使用php artisan serve命令，它可以正常工作，但在XAMPP上不起作用。如何纠正css指针，使其既能与php artisan serve命令一起工作，也能与XAMPP一起工作？
浏览 5提问于2020-12-09得票数 2
我想在Github上建立一个个人网站。我按照创建了一个包含文件index.html的存储库。
我在网上读到，为了获得这个html页面的url <myname>.github.io，您需要命名respository <myname>.github.io。但是当我这样做时，html页面就会被发布到<accountname>.github.io/<myname>.github.io。我做错什么了吗？
浏览 4提问于2017-06-04得票数 1
回答已采纳
我想用css调整和扩展图像到浏览器的最大高度，但max- height :100%在firefox和IE上不起作用。两者都是最新版本。在FF和IE上，图像以原始大小显示。所以它太大了。max-height:100%仅对铬合金有效？或者对此有什么解决方案吗？
它不是背景图像，所以我不想知道background-size:cover。
附言:我不需要图像适合浏览器的宽度。仅最大高度:100%。
浏览 0提问于2012-04-11得票数 1
我想让页面上的所有输入元素在更改时触发一个函数。我可以在CSS中做吗？
我试过这个：
<STYLE type="text/css">
input {onChange: function() {alert("foo");};}
</STYLE>
它在谷歌Chrome上不起作用。
浏览 2提问于2010-10-14得票数 3
回答已采纳
我在一个网站的所有页面上打开了lightbox。我希望lightbox在某些特定页面上不起作用，并希望当执行单击时在新页面中打开这些图像。请指导我怎么做。谢谢。
浏览 0提问于2014-11-12得票数 0
我在asp.net mvc3上有一个应用程序，正在剃刀视图中工作。在我的布局页面上，我附加了一个css文件，并在该文件中放入了一些css，但当我访问/Account/LogOn视图时，css不起作用。
只有当我在Logon视图上附加css时它才能工作。有人知道为什么我附加在布局页面上的css在/Account/LogOn上不起作用吗？
我还尝试了包含以下代码：
@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "xyz.com – Login";
}
它仍然不起作用。提前感谢
浏览 0提问于2012-10-11得票数 4
回答已采纳
来自node_modules\docusaurus\lib\publish-gh-pages.js：
const websiteURL =
GITHUB_HOST === GITHUB_DOMAIN
? `https://${ORGANIZATION_NAME}.github.io/${PROJECT_NAME}` // gh-pages hosted repo
: `https://${GITHUB_HOST}/pages/${ORGANIZATION_NAME}/${PROJECT_NAME}`; // GitHub en
浏览 2提问于2020-11-23得票数 0
回答已采纳
1回答
当您悬停元素时，我有一段代码可以滚动页面。奇怪的是，它只适用于某些浏览器，具体取决于这一行中的选择器：var div = $('body');使用body，就像在这里使用Chrome一样，但在FF上不起作用。然而，用body代替html可以在FF上工作，而在Chrome上不起作用。
$(document).ready(function () {
var speed = 10,
timer;
$("#hoverscroll").hover(function () {
$(this).css({cursor: '
浏览 3提问于2013-09-10得票数 0
回答已采纳
为什么填充和边距在块img上有效，而在内联上不起作用。
我在CSS中的图像有一个布局问题。我希望每个图像之间没有像素(没有边距，没有填充)，我想要4个图像的行。
填充或边距(设置为0)唯一有效的方法是使用display:block作为图像样式的一部分。一旦我使用inline，在每个图像和填充之间有几个像素，边距被忽略。
无论如何，我可以在内联的图像中获得我自己的填充和页边距？
浏览 1提问于2013-03-20得票数 0
我正在尝试向GitHub页面部署一个创建-反应-应用程序，但我得到了一个404。
404
这里没有GitHub页面站点。
我所做的：
创建名为<username>.github.io的用户站点回购
将"homepage": "https://<username>.github.io"添加到package.json ()中
安装了包
在"deploy": "gh-pages -b master -d build"中向scripts添加并运行package.json
成功地将/b
浏览 0提问于2019-05-01得票数 2
回答已采纳
2回答
我正在尝试查找具有以特定url开头的src的图像，并将其隐藏。我可以这样做，但在IE上不起作用。
有没有一个版本的css (也许是javascript)也适用于edge和IE
img[src ^= "https://www.google"]{
display: none;
}
浏览 1提问于2019-08-06得票数 0
1回答
我想在我的网站上使用css3和javascript制作文本动画。
这是我想要的：
有一段文字是从右向左排列的，参见。
它起作用了，但在我的页面上不起作用。我不知道为什么。
这是一个网站：
浏览 1提问于2016-06-08得票数 0
1回答
我有一个奇怪的问题，在Firefox上打印会显示内容中的所有项目，但它在其他浏览器上不起作用。在所有其他浏览器(IE9/8，Chrome，Safari)中，图像根本不显示。这些是内联项目，而不是CSS背景图像。
浏览 3提问于2012-01-31得票数 1
1回答
我已经用HTML，CSS和javascript制作了一个基本的HTML文件。根据用户的输入和特定的操作，我运行了一些方法来创建元素(这会改变页面)。当用户希望通过页面中的链接转到另一个页面时，我希望保存在该页面中所做的更改。
注意:我在Windows XP上使用Google Chrome，而execcommand()方法在Chrome上不起作用
任何帮助我们都将不胜感激
提前感谢
浏览 3提问于2016-02-10得票数 2
我的背景图像没有出现在输出上。它只在“联系我们”页面上不起作用，而在其他页面上则起作用。div正在控制台中显示正确的样式。
<div style={{backgroundImage: "url(images/iletisim.jpeg)"}}>
是应用程序的屏幕截图。
浏览 1提问于2021-11-25得票数 1
回答已采纳
1回答
我想更新我的github.io页面；但是，在我使用git推送更改之后，我发现我的github.io页面上没有任何更改，而且内容仍然是以前的。然后我发现默认的分支是主分支。我总是在主分支上推动更改。我如何修复它并更新内容？提前感谢！
浏览 5提问于2021-02-20得票数 0
回答已采纳
1回答
我正在尝试使用内容区域周围的背景(只是两边的一点阴影)，如下所示：
我在中间留出了980px的固定宽度布局的空间。
我的正文css是这样的：
body {
margin: 0;
padding: 0;
background: url(../images/bg.jpg) center repeat-y;
}
它在没有内容的主页上看起来很好。但是，当我转到一个测试页面，其中输入了几个段落，并且滚动条出现在我的浏览器中时，出现了一条细微的白线，它分隔了背景和内容区域。
我尝试将背景图像的阴影移动一个像素，但在主页上不起作用。
我还可以在css中做些什么来防止这种情况发生吗？
我应该说，
浏览 3提问于2012-08-22得票数 0
3回答
我已经创建了一个网站，并试图在git中心网页上托管它。我的网站在-
http://<username>.github.io/<project name>/
但是我的站点的静态文件可以在下面的路径上找到-
http://<username>.github.io/css/site.css
http://<username>.github.io/script/main.js
上面的路径省略了<project name>
因此，每当我点击url时，我的静态文件就不会被加载。
有没有办法让它与github url一起工作？
注意:当我使用自定义
浏览 6提问于2013-08-02得票数 33
回答已采纳
我尝试过使用HtmlAgilityPack，但WinRT并不完全支持它。
“DocumentElement.SelectNodes”在WinRT上不起作用
如何从HTML页面(或HTML字符串)获取图像链接(src)？
浏览 3提问于2013-05-17得票数 0
回答已采纳
1回答
在页面上，有一些在移动设备上不起作用的链接图像。参见标题另请参见。关于游戏链接在手机上工作，但其余的图像链接，如支持游戏不起作用。它们在网页中工作得很好，只是不能在响应式环境中工作。
谢谢你的帮忙,
S.OBrien
浏览 4提问于2016-02-18得票数 0
我需要使用CSS content属性& :before伪选择器来显示与其旁边的每一项对应的图像。
我如何在有效的工作方式下做以下事情：
content: url("http://example.com/images/" + attr(title));
在URL上显示图像
"http://example.com/images/523452345"
以上不起作用！
浏览 0提问于2014-05-22得票数 1
回答已采纳
4回答
我已经在每个与这个问题相似的问题上寻找了答案，但似乎都不起作用。基本上，我创建了一个测试文档来测试背景图像功能，因为它在我的主站点上不起作用。
HTML：
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" text="type/css" rel="stylesheet">
<title>Test</title>
</head>
<body>
This is a test.
浏览 0提问于2017-02-10得票数 0
我想使用自定义域来处理Github页面，使用我自己的证书(不是CloudFlare证书)启用HTTPS。
根据Github指令，第一部分是通过在项目根文件夹和DNS中设置CNAME来完成的，但是这种方式不支持HTTPS :带有自定义域example.com的example.com只能在http://example.com中访问，https://example.com不能工作。
因此，我想到nginx反向代理:删除CNAME文件和DNS设置，让3个链接共存，将http自定义域重定向到https 1，将https 1的请求转发到github.io地址。
然而，结果并不完美:主页和css(在/css
浏览 1提问于2015-11-04得票数 0
回答已采纳
1回答
问题
我想了解为什么我的CSS资源没有加载到我的个人Github页面上。
问题
当我通过自定义的dns 或直接github dns mrtobe.github.io访问页面时，站点正确地加载index.html，但不加载引用的index.html文件。当我点击博客文章时，它会正确地加载CSS。然后，对于这个冲浪会话，CSS也可以在index.html上使用。
设置
来自GoDaddy的dns与tobias-schmidt.site的A记录设置-此dns是在github的设置中添加的
网站是用hugo生成的，完整的项目托管在 - ./deloy.sh下面，用于部署页面
Hugo生成一
浏览 4提问于2016-11-27得票数 0
回答已采纳
1回答
我有一个非常奇怪的要求，我有一个图像(图像有轻微的渐变效果)，其中中心部分需要显示的颜色变化与用户得分颜色255,255,0为高分数和155,155,55为低分数
现在我想知道应该使用哪种方法，我在HTML5画布上尝试过，但在IE上不起作用，所以我放弃了这个选项
我不知道用css能不能做到
或通过使用PHP的GD库
这是图像
谢谢
浏览 0提问于2013-01-26得票数 1
回答已采纳
2回答
我想在身体上显示背景图像。我有一个css文件，我用它来控制body属性。我想设置背景大小:100%，但在IE7或IE8上不起作用。它可以在Chrome、火狐和IE9上运行。如何为IE7和IE8更改它？
我的CSS文件：
body
{
background-image:url('http://www.blablabla.com/images/arka3.png');
background-size: 100%;
background-repeat: no-repeat;
background-at
浏览 0提问于2012-11-01得票数 2
回答已采纳
1回答
<link rel="stylesheet" type="text/css" href="style.css" />
这就是我要用的台词。style.css文件与我正在运行的文件位于同一个目录中。它只是在我的wordpress页面上不起作用。我正在通过一个HTML文件运行该页面，我正在使用该文件作为该页面的模板。它正在获取该文件，因为它确实显示了HTML元素。只是不会用我的样式表来修饰它们。为什么？
浏览 0提问于2014-09-13得票数 0
回答已采纳
关于从url插入图像(例如和 )，以前也有过类似的问题。然而，我似乎无法找到适合我的解决方案。
我正在尝试创建一个R软件包，微缩和一个github.io的网页。最初，我将图像保存到我的机器上，在构建vignette时，我是通过以下方式在本地调用它们的：
knitr::include_graphics("file/path/image.png")
然而，当我使用devtools::build_site()来构建github.io站点时，可以理解的是，这些图像从小片段中丢失是可以理解的。我已经上传了所有的图像到我的GitHub回购，我想知道是否有任何方式显示到这些图像时，建设Git
浏览 3提问于2022-08-30得票数 0
1回答
我正在使用github页面开曼主题。
我已经上传了大小和长度为390行(244SLOC)20.4KB的MD文件。
当我在Github上检查预览更改时，没有任何错误。但是当我检查我的github.io网站时，出现了一个错误。
在第107行之前，文本和图像没有任何问题，但在该行之后，markdown似乎无法从那里开始工作。所以我在猜测是否有任何行和长度限制。我如何解决这个问题？
谢谢
浏览 7提问于2019-11-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
