Creative 是一個單頁創意網站主題,使用 Start Bootstrap 建立的 Bootstrap 建置。
查看即時預覽
若要開始使用此模板,請選擇以下選項之一來開始:
npm i startbootstrap-creative
git clone https://github.com/StartBootstrap/startbootstrap-creative.git
下載後,只需編輯dist
目錄中包含的 HTML 和 CSS 檔案即可。這些是您唯一需要擔心的文件,您可以忽略其他所有內容!若要預覽程式碼所做的更改,您可以在 Web 瀏覽器中開啟index.html
檔案。
克隆主題的來源檔案並導航到主題的根目錄。執行npm install
,然後執行npm start
,這將在預設瀏覽器中開啟範本預覽,監視核心範本檔案的更改,並在儲存變更時即時重新載入瀏覽器。您可以查看package.json
檔案以查看包含哪些腳本。
npm run build
建置專案 - 將資產、HTML、JS 和 CSS 建置到dist
npm run build:assets
將src/assets/
目錄中的檔案複製到dist
中npm run build:pug
將位於src/pug/
目錄中的 Pug 編譯到dist
npm run build:scripts
將src/js/scripts.js
檔案引入dist
npm run build:scss
將位於src/scss/
目錄中的 SCSS 檔案編譯到dist
中npm run clean
刪除dist
目錄,為重建專案做準備npm run start:debug
以調試模式運行項目npm start
或npm run start
運行項目,在預設瀏覽器中啟動即時預覽,並監視src
中檔案所做的更改您必須安裝 npm 才能使用此建置環境。
此主題可用的聯絡表單已預先建置以使用 SB Forms。 SB Forms 是一個簡單的表單解決方案,用於為您的主題新增功能表單。由於主題是使用我們的 SB Forms 標記預先建立的,因此您所需要做的就是在 Start Bootstrap 上註冊 SB Forms。
註冊後,您需要設定將使用您的表單的域名,然後您將看到您的存取金鑰。複製此內容並將其貼上到data-sb-form-api-token='API_TOKEN'
資料屬性中代替API_TOKEN
。就是這樣!您的表格將啟動並運行!
如果您不使用 SB Forms,只需從表單中刪除自訂資料屬性,然後刪除 SB Forms 結束</body>
標記上方的連結即可。
此模板有錯誤或問題嗎?在 GitHub 上開啟一個新問題,或在 Start Bootstrap 的主題概述頁面上留下評論。
Start Bootstrap 是一個包含免費 Bootstrap 主題和範本的開源程式庫。 Start Bootstrap 上的所有免費主題和範本都是在 MIT 許可證下發布的,這意味著您可以將它們用於任何目的,甚至用於商業專案。
Start Bootstrap 由David Miller創建並維護。
Start Bootstrap 是基於 Mark Otto 和 Jacob Thorton 創建的 Bootstrap 框架。
版權所有 2013-2023 Start Bootstrap LLC。代碼在 MIT 許可下發布。