快速入门
本文将引导您快速上手如何使用 EdgeOne 边缘图片渲染服务生成个性化图片。
准备工作
已注册腾讯云账号。
首次登录控制台时,您需要点击开通 Open Edge 应用。


确认完成以上准备工作后,即可开始使用边缘图片渲染。
步骤1: 创建模板
前往主页,单击 从模板库创建 或 创建空白模板。


步骤2: 导入模板
若选择 从模板库创建 后,会前往 模板库 页面,选择合适的图片模板。单击 导入模板 后自动创建模板副本。


步骤3: 编辑模板
1. 进入模板编辑页后,可通过编写 HTML、CSS 代码来调整图片内容结构及美化样式,并可使用应用内预置的字体。
注意:
编写代码需要有一定的 web 开发基础。


2. 在 HTML 中设置的变量,可在 Data 一栏中替换变量插槽,达到动态修改图片的效果。


3. 在 Settings 一栏中可查看当前 模板ID,用户ID,API Key 等信息,还可修改 图片容器的宽度、高度及模板部分信息。


步骤4: 使用图片
注意:
API Key 用于生成加密链接及 API 调用,并被用来识别账号的唯一性,请保管好您的 API Key 避免泄漏。

