樣板編譯

若要編譯網站，您必須能夠存取網站內的主題與元件。網站樣板是網站的封裝模型。樣板包含移轉和執行網站所需的所有資源。

您可以使用網站樣板將網站匯出至「OCE 工具程式」環境，在該環境中可編譯樣板內的網站。以下小節會逐步完成 OCE 工具程式中內建之 BlogTemplate 內的網站編譯。

設定

透過 OCE 工具程式即可使用 cec compile-template 命令，並在工具程式安裝時一併進行安裝。請依照標準指示安裝 OCE 工具程式。

安裝 OCE 工具程式後，您就可以執行 cec 命令以建立樣板。
  1. 安裝 OCE 工具程式開發目錄： 
    mkdir cec-src
cd ./cec-src
cec install

# Start up the CEC Toolkit Development server for testing
cec develop &
  2. 建立樣板。

    已使用自訂編譯器更新內建 BlogTemplate。從此來源建立樣板：

    # create a new template (must be in the cec-src folder if not already there)
cd ./cec-src
cec create-template BlogTemplate -f BlogTemplate

內建 BlogTemplate 會使用自訂編譯器擴充先前的樣板：

  • 內容版面配置編譯器 
    cec-src/src/components/Starter-Blog-Post-Summary/assets/compile.js
cec-src/src/components/Starter-Blog-Author-Summary/assets/compile.js
cec-src/src/components/Starter-Blog-Post-Content/assets/compile.js
cec-src/src/components/Starter-Blog-Post-Header/assets/compile.js
cec-src/src/components/Starter-Blog-Post-Sidebar/assets/compile.js
  • 頁面版面配置編譯器 
    cec-src/src/themes/BlogStarterTheme/layouts/post-detail-compile.js
cec-src/src/themes/BlogStarterTheme/layouts/home-compile.js
cec-src/src/themes/BlogStarterTheme/layouts/authors-compile.js
cec-src/src/themes/BlogStarterTheme/layouts/common-compile.js
cec-src/src/themes/BlogStarterTheme/layouts/about-compile.js
cec-src/src/themes/BlogStarterTheme/layouts/index-compile.js