社会媒体图像卡Next.js

概述

学习使用TwitterLinkedIn等社交媒体图像卡CldOgimage组件下一云库里

视频教程

教程内容

本教程介绍以下题目点击时标跳转到视频那部分

社交媒体图像卡

0:05	社会媒体图像卡可帮助增加社会媒体反馈内的参与,例如Twitter和LinkedIn使用打开图协议服务这些图像并先创建图像可使用下云系统简化CldOgimageext.js应用内分解

lidOgIage组件使用

0:38	安装下一云库中设置NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME环境变量云化产品环境云名并导入CldOgimage组件自下一曲目下.js应用创建新CldOgimage外构件头部组件.接后设置src系统属性对公共身份证图像云化产品环境

设计图像时使用 ClidImage组件

0:57	上头CldOgimage组件生成社会媒体反馈所需的元数据,因此生成图像无法在页面上可见方便设计使用克隆图像内含同APICldOgimage.

向设计添加变换

1:58	添加文本叠加和a图像叠加检查页面外观满足时可以复制变换CldOgimage构件删除克隆图像组件.

预览社交媒体图像卡

3点38分	现在您可以通过测试工具类网站预览社交媒体图像卡开文.xyz.

---

继续学习

狦尺舧 砛尺舧