HTML – 如何从社交媒体缩略图中排除Jumbotron图像？

每当我的博客文章被共享时,缩略图首先自动成为jumbotron图像,而不是默认为博客文章图像：

视图

<%= image_tag "galli-walking.jpg",alt: "Conquering life and goal challenges so we can get the most out of life.",class: "main-image" %>
<div class="blog-text">
  <div class="blog-paragraph">
    A DAILY BLOG ABOUT MY<br>
    journey & LIFESTYLE
  </div>
  <%= render 'subscribes/subscribe.html.erb' %>
</div>
<%= link_to @post.title,blog_path(@post) %>
<%= simple_format(@post.body,{},{:sanitize => false}) %>

解决方法

尝试将此标记添加到< head>< / head>

<Meta property="og:image" content="<%= image_path('your_image') %>" />

从share使用中排除图像的可能解决方案是使用带有CSS background-image属性的div.代替

<%= image_tag "galli-walking.jpg",class: "main-image" %>

使用

<div style="background-image: url('galli-walking.jpg'); width:Xpx; height:Xpx;></div>