jekyll 相关问题

说，我有一些像这样的 HTML 内容：文字说，我有一些像这样的 HTML 内容： <div class="container"> <div class="col-lg-7 col-11"> <p>text</p> </div> <div class="col-11"> <iframe></iframe> </div> <div class="col-lg-7 col-11"> <p>more text</p> </div> <div class="col-11"> <iframe></iframe> </div> </div> 我如何构建我的 HTML 模板文件，以便我可以像这样将它放在降价文件 (index.md) 中： text <div class="col-11"><iframe></iframe></div> more text <div class="col-11"><iframe></iframe></div> 这就是你要找的吗？ HTML代码，文件名为template.html <!DOCTYPE html> <html> <head> <title>My HTML Page</title> </head> <body> <div class="container"> <div class="col-lg-7 col-11"> <p>{{text1}}</p> </div> <div class="col-11"> <iframe></iframe> </div> <div class="col-lg-7 col-11"> <p>{{text2}}</p> </div> <div class="col-11"> <iframe></iframe> </div> </div> </body> </html> 名为 index.md 的 Markdown 文件 --- title: My Page Title --- text <div class="col-11"><iframe></iframe></div> more text <div class="col-11"><iframe></iframe></div> 然后使用 Jekyll 或 Hugo 等静态站点生成器将两者链接在一起。

markdown jekyll bootstrap-5 static-site

回答 1 投票 0

页脚不是我网站某些页面的全页宽度[关闭]

总结我正在使用 Jekyll 主题创建网站。在我网站的某些页面上，页脚被切成两半或不是整个页面的宽度。细节我使用的 Jekyll 主题是 fe...

html ruby frontend jekyll liquid

回答 0 投票 0

Github+Jekyll 网站不更新故障排除

当运行 Jekyll 的 Github Pages 停止更新时，您如何发现问题？我没有找到告诉您如何调试的任何地方，只有关于修复内容的建议。如本帖所示，您的 G...

jekyll github-pages

回答 2 投票 0

Jekyll：是否可以在 CSS 文件中使用 Liquid 标签？（回复：内容安全政策合规性）

在 Jekyll 页面中，我有以下内联样式：在 Jekyll 页面中，我有以下内联样式： <div class="myClass" style="background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height:320px;"></div> 为了防止任何 CSP 违规/错误，在标头中，我将 CSP 设置如下： style-src 'self' 'unsafe-hashes' 'sha256-GlN6IkeSF4fF9C8zesLvRQRzAe2/ztqCm4T50cOnYvY=' 但是我在谷歌浏览器和微软Edge等少数浏览器中仍然收到以下警告：不应使用 CSS 内联样式，将样式移动到外部 CSS 文件因此，我尝试将内联样式移动到外部CSS文件如下：在 CSS 文件的开头添加了一个空的 YAML 块添加了以下包含 Liquid 标签的 CSS 样式： .myClass { background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height:320px; } 但是，添加到CSS文件中的Liquid标签没有被处理。事实上，在生成的 HTML 页面中，我没有看到背景图像相应地没有显示在页面上。我希望相应地看到背景图像。是否可以将内联样式和那些 Liquid 标签正确移动到外部 CSS 文件？因为 CSS 文件是静态文件，所以不可能在外部 CSS 文件中使用 Liquid 标签。解决方法一：可以将内联样式移到HTML文件头部，使用Jekyll的样式标签 <head> <style> .myClass { background-image: url( {% if latest_post.image contains "://" %} {{ latest_post.image }} {% else %} {{site.baseurl}}/{{ latest_post.image }} {% endif %} ); height: 320px; } </style> </head> <body> <div class="myClass"></div> </body> 解决方法 2：您可以使用 JavaScript 来应用动态样式。这确保在将 CSS 代码添加到文档之前处理 Liquid 标签。 <head> <style> .myClass { height: 320px; } </style> <script> window.onload = function() { var latest_post_image = '{{ latest_post.image }}'; var site_baseurl = '{{ site.baseurl }}'; var myClassElements = document.querySelectorAll('.myClass'); for (var i = 0; i < myClassElements.length; i++) { var backgroundImageUrl = latest_post_image.includes("://") ? latest_post_image : site_baseurl + '/' + latest_post_image; myClassElements[i].style.backgroundImage = 'url(' + backgroundImageUrl + ')'; } } </script> </head> <body> <div class="myClass"></div> </body>

jekyll liquid content-security-policy

回答 1 投票 0

Jekyll：如何在 CSS 文件中正确使用 Liquid 标签（内联样式和内容安全策略合规性）

在 Jekyll 的 HTML 页面中，我有以下内联样式：在 Jekyll 的 HTML 页面中，我有以下内联样式：为了防止任何 CSP 违规/错误，在标头中我将 CSP 设置如下： style-src 'self' 'unsafe-hashes' 'sha256-GlN6IkeSF4fF9C8zesLvRQRzAe2/ztqCm4T50cOnYvY=' 但我仍然在一些浏览器（例如 Google Chrome 和 Microsoft Edge）中收到以下警告：不应使用 CSS 内联样式，将样式移动到外部 CSS 文件因此，我尝试将内联样式移动到外部 CSS 文件，如下所示：在 CSS 文件的开头添加了一个空的 YAML 块添加了以下包含 Liquid 标签的 CSS 样式： .myClass { background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %});高度：320px； } 但是，添加到CSS文件中的Liquid标签没有被处理。事实上，在生成的 HTML 页面中，我只看到以下空的 HTML 标记，并且背景图像相应地没有显示在页面中。 < div class="myClass">< /div> 我希望根据 CSS 配置看到背景图像。是否可以将内联样式和那些 Liquid 标签正确移动到外部 CSS 文件？

jekyll liquid content-security-policy

回答 0 投票 0

Jekyll：如何在 CSS 中正确使用液体（内联样式和内容安全策略合规性）

jekyll liquid content-security-policy

回答 0 投票 0

升级 Jekyll 4 损坏 - sitemap_generator.rb:129:in `block in fill_pages': undefined method `exists?'对于文件：类（NoMethodError）

嗨，我将安装升级到 4.0，它完全破坏了我的设置我在 MacOS、ruby 3.2.0、Jekyll 4.0.1 上运行使用 public_suffix 4.0.6 使用可寻址 2.7.0 使用捆绑器 2.1.4 使用颜色...

macos jekyll

回答 1 投票 0

jekyll 相关问题

最新问题