1. StackOverflow 文档
  2. Shopify 教程
  3. Shopify 入门
  4. 本地主题设置

本地主题设置

Created: November-22, 2018

有几种方法可以设置 Shopify 主题的本地副本：

  • Node.js（gulp / grunt）
  • 红宝石
  • 主题应用程序（仅限 Mac）

可能还有其他一些方法，但我发现红宝石方式最容易使用。

要在 Shopify 主题文件上本地工作，你需要做一些事情：

Ruby 安装程序

首先是安装 Ruby 安装程序，使用最新版本。

安装过程很简单，但它会要求你将 Ruby 添加到 Windows 环境全局路径中，你应该单击该复选框并将其添加到那里，这样你就不必手动执行此操作。

开发，套件

你应该选择与你添加的 Ruby 安装程序一起使用的 DevKit 的正确版本。

安装过程也很简单。

  1. 例如，你在 C：\ DevKit 中解压缩该文件
  2. 你在该文件夹中 cmd 并写入 ruby dk.rb init，它应该在 filder 中创建 config.yml
  3. 如果你打开 config.yml 文件，你应该在底部看到 - C:/Ruby23-x64（取决于你安装 Ruby 的位置以及版本），如果不存在，则必须手动添加
  4. 之后在同一个文件夹中运行以下 ruby dk.rb install
  5. 如果一切正常，你应该能够运行以下命令 - gem install json --platform=ruby，它将确认你的 Ruby 安装正在运行

这里也可以看到更详细的说明： https ： //github.com/oneclick/rubyinstaller/wiki/Development-Kit

SSL 证书

你需要将 cacert.pem 文件添加到窗口全局变量中。

  1. 你必须下载以下文件： https ： //curl.haxx.se/ca/cacert.pem（将其保存为 .pem 而不是 .pem.txt）
  2. 你必须进入环境变量屏幕，然后在系统变量下单击新建
  3. 对于 Variable name，输入 SSL_CERT_FILE ，对于变量值，输入文件的路径，例如 C：\ RailsInstaller \ cacert.pem 。

Shopify 主题宝石

打开 cmd 并输入以下代码：gem install shopify_theme

这应该安装我们需要的 Shopify 主题宝石。

如果你通过上述所有步骤一次，你将不再执行这些步骤。

现在，你每次开始新的 Shopify 项目时都必须执行以下步骤：

  • 创建一个私人应用程序（来自 Shopify 商店）
  • 使用私有应用程序信息创建配置文件

创建一个私人应用程序

你必须登录 Shopify 商店管理面板并转到应用程序屏幕 - >私人应用程序：

https://YOUR-STORE-NAME.myshopify.com/admin/apps/private

然后单击创建私人应用按钮。

它会问你一个标题。 （输入你喜欢的）

重要的是将所有权限更改为读取和写入

更改权限并保存应用程序后，它会将你重定向到一个页面，你将从该页面获取此应用程序的 API 密钥和密码。 （你需要我们将在下面创建的配置文件）

创建配置文件

转到你喜欢主题文件和 cmd 里面的本地文件夹。

编写以下命令：

theme configure API-KEY PASSWORD DOMAIN ID

哪里：

  • API 密钥 - 取自我们创建的私有应用程序
  • 密码 - 取自我们创建的私人应用程序
  • 域名 - 这是你的域名 YOUR-STORE-NAME.myshopify.com ，在它之前没有 https：//
  • ID - 这是主题 ID，如果你打算使用实时主题，你可以跳过这个，但如果你正在克隆它们，那么你必须在这里输入主题 ID

一旦你运行上面的代码，它应该创建一个名为 config.yml 的文件，其中将提供所有提供的信息。

现在你应该在 config.yml 所在的文件夹中使用 cmd（以防你关闭控制台） 并编写以下代码：theme download 应该开始逐个下载文件。

完成下载过程后，你可以编写 theme watch，每次修改下载的文件时，它也会在 1-2 秒后更新 Shopify 商店中的文件。如果添加文件也是如此，但删除文件时则不然。

有关 Gem 的更多详细信息，请访问： https ： //github.com/Shopify/shopify_theme