https://github.com/sunset1995/sitcon2016
Developing SITCON 2016's web
https://github.com/sunset1995/sitcon2016
Last synced: 5 months ago
JSON representation
Developing SITCON 2016's web
- Host: GitHub
- URL: https://github.com/sunset1995/sitcon2016
- Owner: sunset1995
- Created: 2016-01-06T11:19:27.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-03-21T14:05:53.000Z (over 10 years ago)
- Last Synced: 2025-02-26T05:41:32.997Z (over 1 year ago)
- Language: HTML
- Size: 9.02 MB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SITCON 2016 網頁
請多提供技術上及網頁設計上的意見
[檢視目前結果](http://sitcon.org/2016/)
## 環境準備
npm 版本過舊可能會導致之後 build 失敗
[更新 node, npm 參考資料](https://nodejs.org/en/download/package-manager/)
安裝套件管理器至全域
```
npm install -g gulp
```
安裝 build 網頁時會用到的前處理器
```
npm install
```
## build 及 debug
所有 source code 都在資料夾 *app* 下
#### 更新網頁
1. 改好 source code 後
2. 用 gulp 的 default task build 整個網頁
3. 切到 gh-pages branch
4. 將 build 資料夾內的所有檔案複製出來
```
gulp
git checkout gh-pages
cp -R ./build/* ./
```
#### debug
`gulp debug` 會重 build 個網頁並建制臨時的小型網頁伺服用來檢視結果及 livereload
gulp **debug** 在 build 時**不會壓縮**
所以 **debug 完請再 `gulp` 一次**以壓縮可以壓縮的檔案
## Source code
#### html
整個 html 拆成多個部份放在資料夾 **app/html/** 下
由 **app/index.html** 在 build 時 include
其中網頁內文放在 **_app/html/pages_**
若只想 build html 可 `gulp html`
#### scss
所有 scss 放在 **app/scss/** 下
由 **app/scss/main.scss** import
最後只會 build 出一個 **build/sitcon2016.css**
若只想 build scss 可 `gulp scss`
#### js
所有 js 放在 **app/js/** 下
由 **app/js/main.js** require
最後只會 build 出一個 **build/sitcon2016.js**
若只想 build js 可 `gulp js`