企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
对于模板的一些小改动,可以在Shopify后台直接编辑;但如果是新开发的模板,或者比较大的改动,直接在后台编辑的话,就有点事倍功半了。 使用Shopify主题套件,可以帮助我们创建本地开发环;相比后台编辑,使用熟悉的编辑器,熟悉的版本控制器,能够使得模板的开发工作,事半功倍。 官方文档:https://shopify.github.io/themekit/ ***** 注:以下文档基于Windows系统。 第一步:安装Theme Kit 1、创建自定义目录E:\ThemeKit 2、将下载的主题工具包移动到E:\ThemeKit 3、添加环境变量 4、使用CMD命令行打开,输入theme version验证安装是否成功。 ![](https://img.kancloud.cn/42/9d/429d58808ba2c83991a3ee1b487990bf_242x97.png) ***** 第二步:获取API访问权限 1、登录到Shopify后台,点击“应用”,在页面底部附近,点击“管理专有应用”。 ![](https://img.kancloud.cn/1f/d9/1fd939017257fdfce6d938eb68682b34_1536x881.png) 2、如果未启用专有应用,则点击“启用专有应用开发”按钮。 ![](https://img.kancloud.cn/e7/02/e702a3dacb00d29849633f03c9ea39a1_980x530.png) ![](https://img.kancloud.cn/b2/5e/b25ecb0ff07ce0b00d75b2a7c75e524f_845x497.png) 3、创建专有应用,填写应用名称和邮箱以及设置API权限。这里只对模板赋予读写权限。 ![](https://img.kancloud.cn/80/8c/808c4c45ce8d20cc814e77a38eb24dbe_1012x669.png) ![](https://img.kancloud.cn/2c/b0/2cb0faf23a64578e22122c000f76c8a5_653x99.png) 4、点击“保存”和“创建应用”,可以看到后台生成了API密钥和密码,即完成了后台设置部分。 ***** 第三步:下载模板 1、获取主题ID ~~~ theme get --list -p=[your-api-password] -s=[your-store.myshopify.com] ~~~ ![](https://img.kancloud.cn/f5/ac/f5accf8e1bfc4d94664fc07df94485fd_892x92.png) 2、获取指定主题 ~~~ theme get --password=[your-api-password] --store=[your-store.myshopify.com] --themeid=[your-theme-id] ~~~ ![](https://img.kancloud.cn/9b/be/9bbef04dec8a99f52cb3b39e0936c6e0_946x84.png) ![](https://img.kancloud.cn/fc/e3/fce34fef2f82145c5a85b9028f353537_745x273.png) ***** 3、更新服务器主题。 Watch将启动一个过程,该过程将监视您的目录中的更改并将其上载到Shopify。任何更改将被记录到终端,并且上传状态也将被记录。只需键入ctrl + C即可停止该程序。 启动: ``` theme watch --allow-live ``` 修改代码: ![](https://img.kancloud.cn/32/d3/32d3584a32ee3d5dbbde079b9679293f_609x185.png) 自动推送: ![](https://img.kancloud.cn/15/a5/15a52fa0542b1f8a5ae3e9bcab4a0545_730x109.png) 验证: ![](https://img.kancloud.cn/c1/e2/c1e2ed92f456c78bcab680c03839a3ac_373x156.png)