663321765 / LiveCoding.tw

官網

Home Page:https://www.livecoding.tw/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome To OA's F2E Framework!

OA 個人常用的前端開發工具!


聲明

本作品授權採用 姓名標示-非商業性 2.0 台灣 (CC BY-NC 2.0 TW) 授權,詳見 http://creativecommons.org/licenses/by-nc/2.0/tw/

說明

使用方法

  • 請先確認電腦是否已完成安裝 Node.jscompass
  • 第一次使用,請至 cmd/ 下執行 sudo npm install . 以完成 npm 相關套件安裝。
  • 執行 compass,請至 cmd/ 下執行 compass watch
  • 執行 Livereload,請至 cmd/ 下執行 gulp watch
  • 新增 font icon,請先執行 gulp watch 後再下載的檔案取代至 font/icomoon/ 將目錄內檔案。
  • Font icon 參考網站:https://icomoon.io/

部署

GitHub Pages

主要分兩大類狀況,尚未執行過 sudo npm install .已經執行過 sudo npm install .,並且要注意本機是否已經有 gh-pages 分支,以下分別是各種狀況下所使用的語法。

  • 未執行sudo npm install .,並且本機尚未有 gh-pages 分支,請至專案目錄下執行以下指令:
git branch -v gh-pages && git checkout gh-pages && cd cmd && sudo npm install .  && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js、html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master
  • 未執行sudo npm install .,並且本機已經有 gh-pages 分支,請至專案目錄下執行以下指令:
git branch -D gh-pages && git branch -v gh-pages && git checkout gh-pages && cd cmd && sudo npm install . && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js、html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master
  • 已經執行sudo npm install .,並且本機尚未有 gh-pages 分支,請至專案目錄下執行以下指令:
git branch -v gh-pages && git checkout gh-pages && cd cmd && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js、html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master
  • 已經執行sudo npm install .,本機已經有 gh-pages 分支,請至專案目錄下執行以下指令:
git branch -D gh-pages && git branch -v gh-pages && git checkout gh-pages && cd cmd && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js、html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master

AWS S3

主要是藉由執行 cmd/put.php 將檔案上傳至 S3,請確保本機能執行 php 版本 5.6 或以上版本才可以使用,指令中的 {bucket}、{access}、{secret} 請置換成自己的值

  • 壓縮檔案,請至專案目錄下執行以下指令
git add -A && git commit -m 'Fix code.' && git push origin master && cd cmd && php put.php -b {bucket} -a {access} -s {secret} -m 0 && cd .. && git checkout .
  • 不要壓縮檔案,請至專案目錄下執行以下指令:
git add -A && git commit -m 'Fix code.' && git push origin master && cd cmd && php put.php -b {bucket} -a {access} -s {secret} && cd .. && git checkout .

參數說明:

指令 必填 預設值 說明
-b y bucket 名稱
-a y access key
-s y secret key
-u n 1 是否上傳
-m n 1 是否壓縮
-n n 1 是否將專案目錄一併上傳

EX: 假設 Bucket 名稱是 abc.com.tw,Access key 是 AsDfGh,Secret key 是 ZxCvB123,那就是在 cmd/ 下執行以下語法:
php put.php -b abc.com.tw -a AsDfGh -s ZxCvB123

關於

About

官網

https://www.livecoding.tw/


Languages

Language:CSS 45.6%Language:PHP 42.6%Language:JavaScript 8.3%Language:HTML 1.8%Language:Ruby 1.7%