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