使用工具

• Bootstrap 並熟悉 API 用法
• 控制 Bootstrap 變數，減少 css 撰寫
• 搭配 jQuery 來操控 DOM
• 使用 swiper 及 owl 輪播
• 使用 hover.css

指令列表

• gulp - 執行開發模式(會開啟模擬瀏覽器並監聽相關檔案)
  • 若沒有自動開啟瀏覽器則可手動在瀏覽器上輸入 http://localhost:8080/ 即可。
  • 假使監聽功能無效的話，可以檢查一下是否修改到資料夾的名稱等。
• gulp build - 執行編譯模式(不會開啟瀏覽器)
• gulp clean - 清除 dist 資料夾
• gulp deploy - 將 dist 資料夾部署至 GitHub Pages
  • 若無法部署到 GitHub Pages 的話，可以確定一下是否已經初始化專案等。

部署 gh-pagse 流程說明

git init # 若已經初始化過就可以不用輸入
git add .
git commit -m 'first commit'
git remote add origin [GitHub Repositories Url]
git push -u origin master // 僅限第一次輸入，往後只需要輸入 git push

當將 Gulp 原始碼初次部署到 GitHub 之後就可以輸入 gulp build 進入生產模式，當生產完畢之後接下來只需要輸入 gulp deploy 即可完成 GitHub Pages 部署。