快速路径:指南管理>自定义设计>选择主题>编辑>资产
您可以将资源(如图像和文件)上传到任何帮助中心主题。
本文包含以下部分:
为您的主题上传资源
您可以将图像和文件等资产上传到帮助中心。这些资产存储在云交付网络(CDN)的web缓存中。Web缓存减少了带宽需求和服务器负载,并缩短了响应时间。
主题有许多允许的文件类型,请参阅主题资产允许的文件类型.
上传您自己的主题资产
- 在指南中,单击自定义设计图标()。
- 点击定制在要编辑的主题上。
- 点击编辑代码.
- 在文件部分中,点击添加新,然后选择资产.
浏览以选择文件。主题资产名称必须唯一,且不能超过50个字符。资产名称可以包含字母、数字、点、减号、加号、下划线和破折号。资产名称是不区分大小写,因此您不能拥有名为asset.jpg和asset.jpg的资产。
资产文件被添加到您的资产文件列表中。
主题资产允许的文件类型
下表显示了允许作为主题资产的文件类型。资产允许的文件类型仅限于帮助中心主题中使用的文件类型。
资产类型 | 允许的文件类型 |
---|---|
图片 | Jpg, jpeg, png, gif, svg, webp, tiff, tif, bmp, ico, webm |
字体 | Woff2, woff, eot, otf, ttf, SVG |
文本文件 | Js, css, html, json, txt, XML |
其他 | Mp4, swf, wav, ogg。mp3 |
富内容文件类型(如Microsoft PowerPoint、Microsoft Word和pdf)可以是文章附件,但不能是主题资产。
在主题的代码中使用上传的资源
你可以在主题中引用上传的资源style.css文件或在其模板中。在style.css,使用指南中提供的资源路径变量。在模板中,您使用Curlybars资产的助手.
在代码中使用资源变量和帮助器,您可以轻松替换主题中的资源,而无需编辑主题代码。看到替换主题中的资源.
注意:不能在主题中使用路径变量或helperscript.js文件。
在主题代码中使用上传的资源
- 在指南中,单击自定义设计图标()。
- 点击定制在要编辑的主题上。
- 点击编辑代码.
- 在资产节中,单击要使用的资产文件。
出现了该资产的各种表达式:
- 点击复制复制剪贴板中需要的资源表达式。
- 将资产表达式粘贴到主题代码中。
例子
style.css
.class-name{背景:url($assets-backpack2-jpeg);}
的值assets-backpack2-jpeg
是一个变量,它包含资源的相对路径。
.hbs文件
在html标记中:
在样式标签中: