blogs 相关问题

这就是我的代码的样子。我循环浏览每篇文章，使其显示在我的网站上。 {% 为... 这就是我的代码的样子。我循环浏览每篇文章，使其显示在我的网站上。 <div class="blog-container"> <div class="posts"> {% for post in site.posts %} <div class="post-preview"> <h2 class="post-title hover-underline-animation"><a href="{{ post.url }}" class="blue">{{ post.title }}</a></h2> <p class="post-date">{{ post.date | date: "%B %d, %Y" }}</p> <div class="post-summary"> {{ post.summary | strip_html }} </div> </div> {% endfor %} </div> </div> 我不确定如何使间距达到我想要的效果，同时在调整页面大小时保持不变。我是一个尝试使用 Jekyll 的完全初学者。非常感谢所有帮助！您可以使用 padding 和 margin 来实现您的结果。我有下面的代码，它使用纯 HTML 和 CSS，但在 Jekyll 中，您也可以将样式标签附加到您的页面并实现相同的结果。 <style> *{ margin: 0; padding: 0; } .blog-container { display: grid; } .post-preview { padding: 20px; text-align: left; } .post-title { padding-bottom: 1px; margin-bottom: 1px; } .post-date { font-style: italic; margin-bottom: 30px; } a{ text-decoration: none; } </style> <div class="blog-container"> {% for post in site.posts %} <div class="post-preview"> <h2 class="post-title hover-underline-animation"><a href="{{ post.url }}" class="blue">{{ post.title }}</a></h2> <p class="post-date">{{ post.date | date: "%B %d, %Y" }}</p> <div class="post-summary"> {{ post.summary | strip_html }} </div> </div> {% endfor %} </div> 您可以使用以下代码作为参考。 <style> *{ margin: 0; padding: 0; } .blog-container { display: grid; } .post-preview { padding: 20px; text-align: left; } .post-title { padding-bottom: 1px; margin-bottom: 1px; } .post-date { font-style: italic; margin-bottom: 30px; } a{ text-decoration: none; } </style> <div class="blog-container"> <div class="post-preview"> <h2 class="post-title hover-underline-animation"><a href="url1" class="blue">Title: Lorem Ipsum has been the industry's standard</a></h2> <p class="post-date">01.01.2023</p> <div class="post-summary"> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged </div> </div> <div class="post-preview"> <h2 class="post-title hover-underline-animation"><a href="url1" class="blue">Title: Lorem Ipsum has been the industry's standard</a></h2> <p class="post-date">01.01.2023</p> <div class="post-summary"> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged </div> </div> </div> 希望这有帮助我不知道你的CSS类是如何设置的，但是你可以通过添加：padding-top: 16px和padding-bottom: 16px（根据需要调整px值）到你的post-preview类来轻松实现它。

html css jekyll blogs line-spacing

回答 2 投票 0

格式化 Eclipse 代码片段以进行博客发布？

Visual Studio 有一个插件，允许人们从任何编辑器（C#、HTML、XML）复制代码，然后使用保留语法突出显示等的 HTML 格式粘贴它。这对于

html eclipse blogs code-snippets copy-paste

回答 3 投票 0

如何在 Laravel 中创建类似于 WordPress 的评论系统（有或没有用户身份验证）

我想为我的 Laravel 博客网站创建一个评论系统。我希望所有用户都能够在不登录和注册的情况下发表评论（与 WordPress 评论系统完全相同......

laravel wordpress authentication comments blogs

回答 1 投票 0

我的博客文章在移动视图中的段落之间没有空格

我的博客文章在移动视图中的段落之间没有空格。在 PC 或桌面上，帖子没问题，但在移动设备上视图间距有问题。我的网站是factbud.com，点击任何帖子...

wordpress post blogs spacing

回答 1 投票 0

如何在 Hugo 中将帖子设为私密？

我正在寻找方法，使我的博客上的一些帖子只有我自己可见，但在 Hugo 中似乎无法做到这一点。有没有办法解决这个问题，例如为某些帖子设置密码？或者是...

blogs hugo

回答 4 投票 0

我的博客搜索栏不显示已过滤的博客

这是我的代码，我无法从搜索栏中获得任何结果。 const 最近博客 = ({最近博客}) => { const [查询，setQuery] = useState("") 常量过滤项 = (() => { 如果（！

javascript html reactjs blogs searchbar

回答 1 投票 0

如何将照片集帖子放在我的 Tumblr 主题上？

我似乎无法找到一种方法将照片集帖子集中在我的 tumblr 主题上。所有其他帖子类型似乎都居中，甚至是常规照片帖子。但由于某种原因，照片集帖子

post themes blogs center tumblr

回答 1 投票 0

如何将Youtube视频图片添加到博客？

var imgvid =“”+' var imgvid ="<a href='" + pURL + "#post-title" + "' title='" + pTITLE + "'>" + '<span class="play-button"></span><img class="'+ vidid +'" src="http://i2.ytimg.com/vi/'+vidid+'/hqdefault.jpg" width="196px" height="147px"/>' + "</a>"; 这是添加 youtube 图片到 mu bog 的代码，但这不起作用如何解决。您是否尝试过使用 YouTube 集成 API？您可以在文档此处和此处中获取更多信息。使用它，Youtube将自动生成并显示预览图像、播放器控件等。此外，可能已经有一个用于在您的博客上显示 Youtube 视频的扩展 - 您使用 Wordpress 或其他标准博客平台吗？编辑现在我知道您正在使用 Blogger - 默认情况下您应该能够将 YouTube 视频添加到任何帖子中，请参阅本手册了解详细信息。

html video youtube blogs

回答 1 投票 0

错误：无法从源解析图像 URL（空）

我正在使用 Sanity 和 React 创建一个博客页面。一切似乎都很好，但当您单击博客阅读更多内容时，我收到错误消息“错误：无法从源解析图像 URL...

reactjs blogs sanity

回答 3 投票 0

blogs 相关问题

最新问题