nuxt.js - Open Graph 链接共享仅在松弛消息框上不起作用
问题描述
我有一个动态打开图形标记是 nuxt.js 应用程序中的元标记。它的预览版在 Twitter、Facebook、Linkedin、skype、telegram 中运行良好……但它不能仅在 Slack 中运行。
head() {
return {
title: TITLE,
meta: [
{
hid: 'twitter:card',
name: 'twitter:card',
content: 'summary',
},
{
hid: 'twitter:title',
name: 'twitter:title',
content: this.job.title,
},
{
hid: 'twitter:description',
name: 'twitter:description',
content:
this.job.description.length > 100
? this.job.description.substr(0, 100)
: this.job.description,
},
{
hid: 'twitter:image',
name: 'twitter:image',
content: this.job.companyLogoThumb,
},
{
hid: 'og:title',
property: 'og:title',
content: this.job.title,
},
{
hid: 'og:image',
property: 'og:image',
content: this.job.companyLogoThumb,
},
{
hid: 'og:type',
property: 'og:type',
content: 'website',
},
{
hid: 'og:description',
property: 'og:description',
content:
this.job.description.length > 100
? this.job.description.substr(0, 100)
: this.job.description,
},
],
}
对于大多数媒体来说,它看起来不错,但只有 slack 不起作用。
解决方案
是的,就我而言,图像尺寸不符合 OG 标准。我不确定这是否对您有帮助。
推荐阅读
- angular - 如何解决角度错误 TS1127:无效字符
- sql - Left Join,但只使用一次记录
- ios - 当应用程序关闭和后台时,如何使用 react-native-firebase 在 ios 中计算徽章?
- amazon-web-services - 使用 GitLab CI 使用 AWS CDK (python) 进行 CI/CD 的最佳方法是什么?
- sql - 从 5 个表格中选择并显示结果
- google-chrome - 在 Chrome 上登录 GitHub 时如何解决“您的浏览器出现意外”错误
- python-3.x - 写入带有空白元素的 csv 文件。蟒蛇/CSV
- python - Minizinc Python - 使用 .dzn 模块而不是实例模块
- c# - 如何制作可点击、透明、无边框的表单?
- android - 使用 Xamarin CrossMedia 插件从图库中选取图像会导致应用程序终止