为什么我的main.css没有更新?
到目前为止,我已按照以下建议将main.css更改为style.css:
Jekyll site works locally but not on Github Pages
如您所见,我将style.css保留在/ css /目录中,因为来自不同来源的指南相互冲突,因此将其恢复为默认值。
https://github.com/bomengeduld/boilerplate/blob/master/css/style.css
我试过从master分支和gh-pages分支运行。也许我在这里弄错了?因为它现在是从master运行的,所以我是从master开始构建的。
作为替代方案,我尝试使用LIQUID却没有明显结果
<link rel="stylesheet" href="{{ site.baseurl }}/style.css">
我将其恢复为默认设置,但将自定义CSS移到了引导核心CSS上方
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ site.description }}">
<meta name="author" content="{{ site.author }}">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="/css/style.css">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
感谢这里有关stackoverflow的所有建议,我已经将我的config.yml文件更新为GITHUBpages的需求
url: https://bomengeduld.github.io/boilerplate/
baseurl: /boilerplate/
port: 4000
markdown: kramdown
permalink: pretty
我遵循了一些关于stackoverflow的准则,但没有成功。
当我刚接触开发时,我可能会错过一些非常简单的东西。
编辑1:
我已经将CSS添加到
<style>
中的<head>
标记中。它解决了我背景图片以外的所有问题。但是,这不是一个长期的解决方案。 最佳答案
我重新启动了这个项目。
我开始了一个新的存储库,将其克隆并下载了html5样板文件,并使用引导程序将其更新到根文件中。
然后,我将大多数现有的html代码从第一个项目复制到了新项目中。
因为我需要滚动导航栏。我第二次从https://github.com/BlackrockDigital/startbootstrap-scrolling-nav重新启动了项目
我克隆了它,然后复制了所有现有代码。
同时,我承诺要采取的每一个小步骤,以确保jekyll上的结果与github-pages上的相同。
到目前为止,它就像一个魅力。
例如,添加图像时存在一些问题。在jekyll localhost上,它接受任何类型的文件。
在github页面上,有时必须将png更改为jpg。
也不要在文件标题(例如photo_01.png
)中使用下划线_
如果您放置了img标签,请像这样
<img class="img-responsive" alt="logo" src="img/mmlogo2.png">
为了使某些图片显示在移动设备上,我必须在
<style>
中使用<head>
因为它只是在CSS上不起作用
关于css - 故障排除:main.css在本地工作,不在GITHUB页面上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44033635/