加入 index.html
粘贴 HTML、上傳 index.html 檔案，或上傳包含 index.html 和相关静态資源的 ZIP。
index.html 專案預覽
線上預覽包含靜態資源的 index.html 專案
這個流程適用於以 index.html 為入口的靜態網站。如果頁面是自包含檔案，可以單獨上傳；如果專案使用本機 CSS、JavaScript、圖片或字型，請上傳 ZIP，以保留相對路徑和檔案結構。
npx @htmlshare/cli install --agent all
一條指令即可把本機 Skill 安裝到 Codex、Claude 和 Cursor。安裝後，在任一工具中使用 /htmlshare 發布目前 HTML 專案。
保留資源結構
發布 ZIP 專案时，CSS、JavaScript、图片和字体可以继续使用相对目录。
分享檢視連結
把托管浏览器预览发给評審人员，无需让对方下载檔案或运行本地服务器。
從本機檔案到瀏覽器預覽
當 index.html 專案需要託管預覽
本機打開 index.html 適合快速檢查，但如果要讓客戶、隊友或評審人員看到同一個頁面和同一組資源，就不夠用了。HTMLShare 會產生 noindex 線上預覽連結，適合評審流程。
如果 index.html 引用了 ./style.css、./app.js、圖片或字型，請上傳整個資料夾的 ZIP。HTMLShare 會保留靜態專案結構，讓線上預覽盡量接近本機頁面。
讓網站入口檔案與資源保持在一起
如果 index.html 引用了 ./style.css、./app.js、圖片或字型，請上傳整個資料夾的 ZIP。HTMLShare 會保留靜態專案結構，讓線上預覽盡量接近本機頁面。
適合場景
預覽 Codex、Claude、ChatGPT 或 Cursor 生成的 HTML 页面。
在正式託管准备好之前，把静态网站草稿发给客户。
检查包含 CSS、JS、图片和字体的 ZIP 前端原型。
用真实浏览器連結替代截图，方便产品和设计評審。
不部署完整网站，也能预览 index.html 项目吗？
可以。上傳 index.html 到 HTMLShare 后，会生成托管瀏覽器預覽連結。如果專案包含额外資源，建议上傳 ZIP。
CSS、JavaScript 和圖片会正常显示吗？
当你上傳完整静态專案 ZIP，并保留 index.html 使用的相对路径时，这些資源可以在預覽中工作。
ZIP 中的 index.html 應該放在哪裡？
可以放在 ZIP 根目錄，也可以放在 dist/ 这类單層外層目錄中。請保留頁面引用的 CSS、JavaScript、图片和字体的相对路径。
这个页面适合正式託管吗？
HTMLShare 面向 noindex 預覽链接、评审和原型。頁面准备公開取得搜尋流量时，建议使用正式生產託管。