{"id":20618298,"url":"https://github.com/oawu/oaf2e","last_synced_at":"2025-08-23T19:37:30.908Z","repository":{"id":83766377,"uuid":"36266377","full_name":"oawu/oaf2e","owner":"oawu","description":null,"archived":false,"fork":false,"pushed_at":"2018-09-06T16:27:51.000Z","size":11071,"stargazers_count":22,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T11:47:35.928Z","etag":null,"topics":["compass","css","css3","gulp","html","html-css","html5","javascript","jquery","nodejs","npm","php","php7","sass","scss"],"latest_commit_sha":null,"homepage":"https://comdan66.github.io/oaf2e/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oawu.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2015-05-26T02:17:53.000Z","updated_at":"2022-02-12T06:46:44.000Z","dependencies_parsed_at":"2023-03-12T19:41:21.215Z","dependency_job_id":null,"html_url":"https://github.com/oawu/oaf2e","commit_stats":null,"previous_names":["comdan66/oaf2e"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/oawu/oaf2e","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oawu%2Foaf2e","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oawu%2Foaf2e/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oawu%2Foaf2e/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oawu%2Foaf2e/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oawu","download_url":"https://codeload.github.com/oawu/oaf2e/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oawu%2Foaf2e/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266409597,"owners_count":23924287,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-21T11:47:31.412Z","response_time":64,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["compass","css","css3","gulp","html","html-css","html5","javascript","jquery","nodejs","npm","php","php7","sass","scss"],"created_at":"2024-11-16T12:07:53.199Z","updated_at":"2025-07-22T01:34:07.761Z","avatar_url":"https://github.com/oawu.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Welcome To OA's F2E Framework!\nOA 個人常用的前端開發工具！ \n\n---\n\n## 聲明\n本作品授權採用 姓名標示-非商業性 2.0 台灣 (CC BY-NC 2.0 TW) 授權，詳見 [http://creativecommons.org/licenses/by-nc/2.0/tw/](http://creativecommons.org/licenses/by-nc/2.0/tw/)\n\n## 說明\n* [OA](http://www.ioa.tw/) 個人開發前端所使用的工具，有興趣的可以參考。\n* 本架構下使用 [jQuery](https://jquery.com/)、[compass](http://compass-style.org/)、[Gulp](http://gulpjs.com/) 開發。\n* 支援部署至 [GitHub Pages](https://pages.github.com/) 做靜態頁面 DEMO。\n* 支援部署至 [Amazon Simple Storage Service (Amazon S3)](https://aws.amazon.com/tw/s3/) 做靜態頁面 DEMO。\n\n## 使用方法\n* 請先確認電腦是否已完成安裝 [Node.js](https://nodejs.org) 與 [compass](http://compass-style.org/)。\n* 第一次使用，請至 `cmd/` 下執行 `sudo npm install .` 以完成 **npm** 相關套件安裝。\n* 執行 compass，請至 `cmd/` 下執行 `compass watch`\n* 執行 [Livereload](http://livereload.com/)，請至 `cmd/` 下執行 `gulp watch`。\n* 新增 font icon，請先執行 `gulp watch` 後再下載的檔案取代至 `font/icomoon/` 將目錄內檔案。\n* Font icon 參考網站：[https://icomoon.io/](https://icomoon.io/)。\n\n## 部署\n類型有兩種 1. 部署到 GitHub Pages 2. 部署到 Amazon Web Services(AWS) S3，若是不知道該選擇什麼語法建議使用 `php` 部署工具，使用方式是在 `cmd` 資料夾下執行指令 **`php upload`** 即可依據步驟上傳部署。\n\n### 部署到 GitHub Pages\n主要分兩大類狀況，**尚未執行過 sudo npm install .** 與 **已經執行過 sudo npm install .**，並且要注意本機是否已經有 gh-pages 分支，以下分別是各種狀況下所使用的語法。\n\n* 尚**未執行**過 `sudo npm install .`，並且本機**尚未有** gh-pages 分支，請至**專案目錄**下執行以下指令：\n```\ngit branch -v gh-pages \u0026\u0026 git checkout gh-pages \u0026\u0026 cd cmd \u0026\u0026 sudo npm install .  \u0026\u0026 gulp minify \u0026\u0026 gulp gh-pages \u0026\u0026 cd ../ \u0026\u0026 git add -A \u0026\u0026 git commit -m 'Minify js、html, fix gh-pages path bug.' \u0026\u0026 git push origin gh-pages --force \u0026\u0026 git checkout master\n```\n\n* 尚**未執行**過 `sudo npm install .`，並且本機**已經有** gh-pages 分支，請至**專案目錄**下執行以下指令：\n```\ngit branch -D gh-pages \u0026\u0026 git branch -v gh-pages \u0026\u0026 git checkout gh-pages \u0026\u0026 cd cmd \u0026\u0026 sudo npm install . \u0026\u0026 gulp minify \u0026\u0026 gulp gh-pages \u0026\u0026 cd ../ \u0026\u0026 git add -A \u0026\u0026 git commit -m 'Minify js、html, fix gh-pages path bug.' \u0026\u0026 git push origin gh-pages --force \u0026\u0026 git checkout master\n```\n\n* **已經執行**過 `sudo npm install .`，並且本機**尚未有** gh-pages 分支，請至**專案目錄**下執行以下指令：\n```\ngit branch -v gh-pages \u0026\u0026 git checkout gh-pages \u0026\u0026 cd cmd \u0026\u0026 gulp minify \u0026\u0026 gulp gh-pages \u0026\u0026 cd ../ \u0026\u0026 git add -A \u0026\u0026 git commit -m 'Minify js、html, fix gh-pages path bug.' \u0026\u0026 git push origin gh-pages --force \u0026\u0026 git checkout master\n```\n\n* **已經執行**過 `sudo npm install .`，本機**已經有** gh-pages 分支，請至**專案目錄**下執行以下指令：\n```\ngit branch -D gh-pages \u0026\u0026 git branch -v gh-pages \u0026\u0026 git checkout gh-pages \u0026\u0026 cd cmd \u0026\u0026 gulp minify \u0026\u0026 gulp gh-pages \u0026\u0026 cd ../ \u0026\u0026 git add -A \u0026\u0026 git commit -m 'Minify js、html, fix gh-pages path bug.' \u0026\u0026 git push origin gh-pages --force \u0026\u0026 git checkout master\n```\n\n\u003e 若是都不知道該怎麼選擇，則直接在 `cmd` 資料夾下執行指令 **`php upload`** 即可依據步驟上傳部署。\n\t\n### 部署到 Amazon Web Services(AWS) S3\n主要是藉由執行 `cmd/put.php` 將檔案上傳至 S3，請確保本機能執行 php 版本 5.6 或以上版本才可以使用，指令中的 {bucket}、{access}、{secret} 請置換成自己的值\n\n* **要**壓縮檔案，請至**專案目錄**下執行以下指令\n```\ngit add -A \u0026\u0026 git commit -m 'Fix code.' \u0026\u0026 git push origin master \u0026\u0026 cd cmd \u0026\u0026 php put.php -b {bucket} -a {access} -s {secret} -m 0 \u0026\u0026 cd .. \u0026\u0026 git checkout .\n```\n\n* **不要**壓縮檔案，請至**專案目錄**下執行以下指令：\n```\ngit add -A \u0026\u0026 git commit -m 'Fix code.' \u0026\u0026 git push origin master \u0026\u0026 cd cmd \u0026\u0026 php put.php -b {bucket} -a {access} -s {secret} \u0026\u0026 cd .. \u0026\u0026 git checkout .\n```\n\n\u003e 若是都不知道該怎麼選擇，則直接在 `cmd` 資料夾下執行指令 **`php upload`** 即可依據步驟上傳部署。\n\n\n參數說明：  \n\n指令  | 必填  | 預設值 | 說明\n---- | ----- |------ |----\n-b | y | 無 | bucket 名稱\n-a | y | 無 | access key\n-s | y | 無 | secret key\n-u | n | 1 | 是否上傳\n-m | n | 1 | 是否壓縮\n-n | n | 1 | 是否將專案目錄一併上傳\n\n\u003e EX: 假設 Bucket 名稱是 abc.com.tw，Access key 是 AsDfGh，Secret key 是 ZxCvB123，那就是在 `cmd/` 下執行以下語法：  \n\u003e `php put.php -b abc.com.tw -a AsDfGh -s ZxCvB123`\n\n\n\n\n## 關於\n* 作者 - [OA Wu](https://www.ioa.tw/)\n* E-mail - \u003ccomdan66@gmail.com\u003e\n* 作品名稱 - OA's F2E Framework\n* 最新版本 - 4.3.3\n* GitHub - [OA's F2E Framework](https://github.com/comdan66/oaf2e/)\n* 更新日期 - 2018/01/02","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foawu%2Foaf2e","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foawu%2Foaf2e","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foawu%2Foaf2e/lists"}