Question

为什么我的 main.css 未更新？

到目前为止，我已根据此建议将 main.css 更改为 style.css ：

Jekyll site works locally but not on Github Pages

正如您所看到的，我在/ css /目录中保留了 style.css ，因为来自不同来源的指南相互冲突，我将其恢复为默认值。

https://github.com/bomengeduld/boilerplate/blob/master/css/style.css

我试过从主分支＆amp;运行 gh-pages分支。也许我在这里弄错了？因为它现在从master运行，因为我正在从master构建。

作为替代方案，我尝试使用 LIQUID 而没有显着结果

<link rel="stylesheet" href="{{ site.baseurl }}/style.css">

我将其恢复为默认值，但将自定义css 移到 bootstrap core 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>标记中。除了我的背景图片，它解决了所有问题。然而，这不是一个长期的解决方案。

Answer 1

我重启了这个项目。

我开始了一个新的回购，克隆它并下载了html5样板和版本。使用bootstrap更新到根文件。

然后我将大部分现有的html代码从第一个项目复制到新项目中。

因为我需要滚动导航栏。我从https://github.com/BlackrockDigital/startbootstrap-scrolling-nav

第二次重新启动了我的项目

我克隆了它，并复制了我现有的所有代码。

与此同时，我提交了我采取的每一个小步骤，以确保jekyll上的结果，与github页面上的相同。

到目前为止它起到了一种魅力。

例如，添加图像时存在一些问题。在jekyll localhost上，它接受任何类型的文件。

在github页面上你有时需要将png更改为jpg。也不要在文件标题中使用下划线_，例如photo_01.png

如果您添加了img标签，请按照这样做

<img class="img-responsive" alt="logo" src="img/mmlogo2.png">

要在移动设备上显示某些图片，我必须在<style>中使用<head> 因为它不适用于CSS

故障排除：main.css在本地运行，而不是在GITHUBpages上运行

1 个答案: