为什么我的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/

10-11 22:49
查看更多