{"id":19414711,"url":"https://github.com/githubplayerzero/hex-web-layout-vite-test","last_synced_at":"2025-02-25T03:12:06.653Z","repository":{"id":183695100,"uuid":"670583034","full_name":"GitHubPlayerZero/hex-web-layout-vite-test","owner":"GitHubPlayerZero","description":"六角學院 vite 專案範例","archived":false,"fork":false,"pushed_at":"2023-08-20T13:33:56.000Z","size":244,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-07T16:12:43.253Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/GitHubPlayerZero.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-25T11:27:27.000Z","updated_at":"2023-08-20T13:47:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"c0c24d1b-2836-4b97-894c-684add397c3f","html_url":"https://github.com/GitHubPlayerZero/hex-web-layout-vite-test","commit_stats":null,"previous_names":["githubplayerzero/hex-web-layout-vite-test"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GitHubPlayerZero%2Fhex-web-layout-vite-test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GitHubPlayerZero%2Fhex-web-layout-vite-test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GitHubPlayerZero%2Fhex-web-layout-vite-test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GitHubPlayerZero%2Fhex-web-layout-vite-test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GitHubPlayerZero","download_url":"https://codeload.github.com/GitHubPlayerZero/hex-web-layout-vite-test/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240593183,"owners_count":19825939,"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","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":[],"created_at":"2024-11-10T12:39:03.633Z","updated_at":"2025-02-25T03:12:06.622Z","avatar_url":"https://github.com/GitHubPlayerZero.png","language":"JavaScript","readme":"# 網頁切版直播班 Vite 範例\n\n## Node.js 版本\n  - 專案的 Node.js 版本需為 v16 以上\n  - 查看自己版本指令：`node -v`\n\n\n## 指令列表\n- `npm install` - 初次下載該範例專案後，需要使用 npm install 來安裝套件\n- `npm run dev` - 執行開發模式\n  - 若沒有自動開啟瀏覽器，可嘗試手動在瀏覽器上輸入\n    `http://localhost:5173/\u003c專案名稱\u003e/pages/index.html`\n- `npm run build` - 執行編譯模式（不會開啟瀏覽器）\n- `npm ru deploy` - 自動化部署\n\n## 資料夾結構\n  - assets # 靜態資源放置處\n    - images # 圖片放置處\n    - scss # SCSS 的樣式放置處\n\n  - layout # ejs 模板放置處\n  - pages # 頁面放置處\n\n- JavaScript 程式碼可寫在 main.js 檔案\n\n### 注意事項\n- 已將 pages 資料夾內的 index.html 預設為首頁，建議不要任意修改 index.html 的檔案名稱\n- .gitignore 檔案是用來忽略掉不該上傳到 GitHub 的檔案（例如 node_modules），請不要移除 .gitignore\n\n## 開發模式的監聽\nvite 專案執行開發模式 `npm run dev` 後即會自動監聽，不需要使用 `Live Sass Compiler` 的 `Watch SCSS` 功能\n\n\n## 部署 gh-pages 流程說明\n### Windows 版本\n1. 在 GitHub 建立一個新的 Repository\n\n2. 部署前請務必先將原始碼上傳到 GitHub Repository 也就是初始化 GitHub，因此通常第一步驟會在專案終端機輸入以下指令\n```cmd\ngit init # 若已經初始化過就可以不用輸入\ngit add .\ngit commit -m 'first commit'\ngit branch -M main\ngit remote add origin [GitHub Repositories Url]\ngit push -u origin main // 僅限第一次輸入，往後只需要輸入 git push\n```\n\n3. 初始化完畢後，執行 `npm run deploy` 指令進行自動化部署\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgithubplayerzero%2Fhex-web-layout-vite-test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgithubplayerzero%2Fhex-web-layout-vite-test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgithubplayerzero%2Fhex-web-layout-vite-test/lists"}