基于 jekyllrb 的网站未加载 css 效果答案

【问题标题】：jekyllrb based website not loading css effects基于 jekyllrb 的网站未加载 css 效果
【发布时间】：2023-01-11 08:43:35
【问题描述】：

我正在尝试通过结合两个主题来创建一个投资组合。

该项目的第一个主题和基础是this一个。我喜欢整个移动的星星效果，所以这就是我决定使用这个的原因。

第二个主题是this一个。从这个主题开始，我想将网格系统与卡片结合起来，并将其应用到第一个主题中。。

为此，我将第二个项目中我认为相关的所有文件复制到第一个项目中，我得到了我想要的。但是，不知何故没有实现全部效果。可以从this 存储库访问我的项目。

举个例子：
一个帖子看起来像这样。理想情况下，它应该只有一张图片，打开时应该显示帖子的完整版本。我试图将 css 变量复制到 <style> COPIED HERE </style> 中的 html 文件中。

我是一个绝对的初学者，我的目标只是获得一个可用的网页。有人可以提示我为什么我没有得到预期的效果吗？

【问题讨论】：

标签： html css jekyll

【解决方案1】：

只是猜测，因为您的帖子不包含您的 HTML 和 CSS，并且您的页面未显示屏幕截图中的非工作示例站点。

带有图像的网格使用 Bootstrap grid system，您可以在下面的 col-sm-4 上看到。

这是file that includes bootstrap，_includes/js.html：

<!-- jQuery Version 1.11.0 -->
<script src="{{ " js/jquery-1.11.0.js" }}"></script>

<!-- Bootstrap Core JavaScript -->
<script src="{{ " js/bootstrap.min.js" }}"></script>
...

您可能需要更多地检查网格部分：

<div class="row">
    <div class="col-sm-4 portfolio-item">
    <a href="#portfolioModal-1" class="portfolio-link" data-toggle="modal">
        <div class="caption">
            <div class="caption-content">
                <i class="fa fa-search-plus fa-3x"></i>
            </div>
        </div>
        <img src="img/portfolio/cabin.png" class="img-responsive" alt="image-alt">
    </a>
</div>
...

【讨论】：