十月cms - og：图像答案

【问题标题】：Octobercms - og:image十月cms - og：图像
【发布时间】：2015-09-05 08:37:46
【问题描述】：

我已经使用 octobercms 和插件rainlab blog 建立了一个博客。现在的问题是我想使用特色图像作为 facebook 共享图像。

如何做到这一点？当我转到 Facebook 调试器时，我可以看到徽标和我的特色图片，但一旦我分享它，显示的图片就是徽标。

非常感谢

【问题讨论】：

【解决方案1】：

在您用于博客文章的页面/布局中，如果您还没有添加 OpenGraph 标签，则需要添加。

<meta property="og:url" content="http://www.yourwebsite.com" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{{ this.getShareImageUrl }}" />
<meta property="og:title" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati modi illo explicabo quidem ipsa, voluptatum quibusdam, nemo veritatis enim eveniet doloribus et eius voluptate nam cum veniam, fugit. Dolorum, adipisci." />

Facebook 需要这些标签来提取正确的数据。您可能会发现this 对阅读有关这些标签的更多信息很有用。

因此，您现在只需要正确的特色图片的网址，因为您很可能拥有多个特色图片。您可以根据需要选择编写该逻辑（因此我只是在上面的代码中使用了方法调用），但是一旦您拥有所需的 features_image 的实例，您就可以在实例上使用 getPath() 方法来获取url（因为它是 File 类的一个实例，你可以在上面使用这些方法）。

您可以在此处阅读更多文档 - http://octobercms.com/docs/database/model#file-attachments

就是这样，回到FB调试器并按调试。如果它不起作用，请尝试使用另一个显示“获取新抓取信息”的按钮（仅在您按下调试按钮一次后才会出现），您应该会很好。

我刚刚通过这些步骤创建了一个新网站，我不得不让 facebook 重新抓取以使其正常工作。让我们知道这是否适合您。

【讨论】：

【解决方案2】：

这可能晚了，但我遇到了同样的问题，并使用此代码将图像从您的博文页面传递到布局文件：-

function onEnd() {
    $_post = $this->components['blogPost'];
    if ($_post->featured_images->first()) {
        $this->page->og_image = $_post->featured_images->first()->path;
    }
}

这将允许您在布局文件中使用此标记（在您的 <head> 中）：-

{% if this.page.og_image %}
     <meta property="og:image" content="{{ this.page.og_image }}" />
{% else %}

【讨论】：