首页 > web前端 > js教程 > 为您的网站提供动态开放图形图像 |没有使用dynamicog.com的代码

为您的网站提供动态开放图形图像 |没有使用dynamicog.com的代码

Mary-Kate Olsen
发布: 2024-10-13 18:22:02
原创
623 人浏览过

DynamicOG 解决了为包含大量页面的动态网站创建图像的麻烦。

og-images 是您在任何通信渠道中共享链接时看到的预览图像。

og-image 是使用元标记添加的。

<meta property="og:image" content="{{IMAGE_URL}}" />
登录后复制

此 IMAGE_URL 是您唯一应该注意的。

生成这样的文档图像

Dynamic open graph images for your website | No code using dynamicog.com

在您的元标记中使用以下网址!

https://dynamicog.com/og/docs/img?
logo=https%3A%2F%2Fdynamicog.com%2Ffillers%2Fstripe-logo.png&
title=Find%20a%20guide%20to%20integrate%20Stripe's%20payments%20APIs%20%7C%20Stripe&
sub=Payments%20infrastructure%20for%20the%20internet&
name=Stripe&
website=stripe.com&
dark=true
登录后复制

只需将网址 dark=true 更改为 dark=false 你就会得到这个

Dynamic open graph images for your website | No code using dynamicog.com

尝试使用您的内容和徽标! https://www.dynamicog.com/og/docs

Dynamic open graph images for your website | No code using dynamicog.com

在这里找到所有模板并且免费使用!

以上是为您的网站提供动态开放图形图像 |没有使用dynamicog.com的代码的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板