https://github.com/rayc2045/dperfume-ecommerce
https://github.com/rayc2045/dperfume-ecommerce
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rayc2045/dperfume-ecommerce
- Owner: rayc2045
- Created: 2021-06-27T10:00:55.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-07-06T14:44:18.000Z (about 5 years ago)
- Last Synced: 2025-08-19T21:59:00.865Z (11 months ago)
- Language: HTML
- Homepage: https://rayc2045.github.io/dperfume-ecommerce/
- Size: 8.63 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# dperfume-ecommerce
[> 香水電商網站](https://rayc2045.github.io/dperfume-ecommerce/) / [設計搞](https://xd.adobe.com/view/dc5ebe5c-3e56-4981-a010-158b5ded0e72-890d/grid)
### 指令列表
- `gulp` - 執行開發模式(會開啟模擬瀏覽器並監聽相關檔案)
- `gulp build` - 執行編譯模式(不會開啟瀏覽器)
- `gulp clean` - 清除 dist 資料夾
- `gulp deploy` - 將 dist 資料夾部署至 GitHub Pages
### 說明
- 除了 Boostrap CSS 與 Boostrap JavaScript 需要掛 CDN 之外，本身已經內建打包 jQuery 3.5.1。
- 若有需要調整相關路徑參數可在 envOptions.js 中調整，但建議不要隨意調整導致 Gulp 無法正常運行。
- 假使對於 Gulp 不熟悉會建議不要任意調整 gulpfile.js 底下的資料任一檔案，避免出現無法正常運作之問題。
### 支援的監聽
- 支援 HTML、ejs、JavaScript、Images、SCSS 監聽並自動重新刷新。
- 圖片新增時也會自動刷新。
### 部署 github-pages 流程
部署前請務必先將該 Gulp 原始碼上傳到 GitHub Repositories 也就是初始化 GitHub，因此通常第一步驟會輸入以下指令
```cmd
git add .
git commit -m 'first commit'
git remote add origin [GitHub Repositories Url]
git push -u origin master // 僅限第一次輸入，往後只需要輸入 git push
```
當將 Gulp 初次部署之後就可以輸入 `gulp build` 進入生產模式，當生產完畢之後最後只需要輸入 `gulp deploy` 即可完成 GitHub Pages 部署。