快速路径:指南admin >自定义设计>选择主题>编辑>资产
您可以将资产(例如图像和文件)上传到任何帮助中心主题。
本文包含以下部分:
上传主题的资源
您可以将图像和文件等资产上传到帮助中心。资产存储在云交付网络(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 {background: url($assets-backpack2-jpeg);}
的值assets-backpack2-jpeg
包含资产的相对路径的变量。
.hbs文件
在html标记中:
.
在样式标签中: