Svelte是一个avaScript网络框架,为开发者提供强工具建设性能优先网络应用SvelteKit系统由Svelte团队构建元框架,向Svelte提供全栈功能,作为推荐用Svelte构建应用方式
向Svelte和Sveltekit应用添加云化程序很容易用自动优化补充Svelte,媒体管理像上传,变换为Web构建大经验
云形Svelte
多选项很容易地将云化与Svelte或SvelteKit应用合并
丝绸云
丝绸云社区搭建解决方案使用Svelte项目云当前它包括CldImaage组件,使你很容易地将云状资产带入自动优化应用
> 重要值 :社区开发库由社区开发、测试和维护ug修正和特征请求应提交相关存储库
上头克隆图像构件打包UnpicSvelte图像组件提供核心图像加载标准 用云技术扩展
其中包括超出自动优化的特征,如动态裁剪和重定大小、后台清除以及图像和文本叠加
基本使用前安装包
m安装Svelte-Cloudary
ev.local中添加云环境变量
VITE_PUBLIC_CLOUDINARY_CLOUD_NAME="...
并使用项目组件 :
{cldImaage}从Svelte-Cludio/
更多了解所有特征https://svelte.cloudinary.dev/
与云化JaavaScriptSDK构建图像视频URL
上头JS URLGENSDK允许开发者在avaScript应用中与云集
JavaScriptSDK生成图像视频URL
启动前先安装avaScriptSDK
m安装
搭建新云配置实例
{云形}从'@cludinary/url-gen'导入constcld=新云化({world:{worldName:' } });
使用可用方法生成资产URL,例如:
康斯特 myimage=cld.image').format('auto').quality('auto').toURL().
建立图像URL使用自动优化
上传并管理媒体资产
工作SvelteKit程序时获取工具类表单动作允许您在节点js环境工作
节点内,你可以利用云节点sSDK上传文件并与其他云点API如搜索管理交互
启动前先安装云节点jsSDK
m安装云
配置包和云式账号
康斯特云性=需求#或导入 {v2云式}云性.config({云名:i_key: //存储器.env.localapi_secret: //存储点.env.lobalsecurity: trueconst结果 = 等待云性.上载程序.上载程序
>注解:避免直接存储证书代码以避免损耗账号使用环境变量代之以安全使用API密钥a
贝斯特登录入口官网下载更多资源
学习更多如何使用云式Svelte