Html shopify资产、文件结构和命名约定

我正在使用Shopify开发我的电子商务网站，我对资产有点困惑

我是否只是将所有JavaScript、css和图像转储到assets文件夹中，或者可以在assets文件夹中为每个JavaScript、css和图像设置子文件夹

是否需要在.liquid中结束每个文件名

如果我可以创建子文件夹，我会使用这样的相对路径吗

{{ 'css/default.css' | asset_url | stylesheet_tag }}

---

您只需将所有资源（图像、CSS、JS或与网站主题相关的任何其他文件）上载到assets文件夹中。然后您只需通过文件名引用它

目前不可能使用子文件夹，但我认为很多Shopify客户都会喜欢它。我个人喜欢干净的文件夹结构

CSS:

{{ 'styles.css' | asset_url | stylesheet_tag }}

{{ 'modernizr.min.js' | asset_url | script_tag }}

{{ 'background.jpg' | asset_url }}

div#myDIV {
  background: url({{ 'background.jpg' | asset_url }}) center center no-repeat;
}

JS:

{{ 'styles.css' | asset_url | stylesheet_tag }}

{{ 'modernizr.min.js' | asset_url | script_tag }}

{{ 'background.jpg' | asset_url }}

div#myDIV {
  background: url({{ 'background.jpg' | asset_url }}) center center no-repeat;
}

引用CSS中的图像或其他资产：

{{ 'styles.css' | asset_url | stylesheet_tag }}

{{ 'modernizr.min.js' | asset_url | script_tag }}

{{ 'background.jpg' | asset_url }}

div#myDIV {
  background: url({{ 'background.jpg' | asset_url }}) center center no-repeat;
}

---

命名约定如何？为什么要在文件末尾添加.liquid？或者我应该说什么时候？当您使用任何CSS或JS文件中的liquid标记时，您会将.liquid添加到该文件的末尾。例如，您可以将.liquid添加到CSS文件中，并在其中设置变量。您可以在CSS文件的顶部设置{%assign mycolor=“#121212”%}，并在该文件的任何位置使用该变量。示例：.myclass{color:{{mycolor}}；}哦，好的，这很有意义，我可以将图像存储在我的服务器上，并使用绝对路径访问它们吗？还是不鼓励这样做？可以，但是Shopify CDN可以更快地加载图像。但我不认为有什么问题会这样做。