部署静态网站

这是一个使用GitHub Pages部署的静态网站示例,展示了现代Web设计的最佳实践。

学习如何部署

网站特性

响应式设计

自适应各种屏幕尺寸,从手机到桌面设备都能完美显示。

现代UI

使用CSS变量和现代布局技术,创建美观的用户界面。

快速加载

静态网站提供极快的加载速度,优化用户体验。

GitHub Pages 部署指南

创建GitHub仓库

登录GitHub,创建一个新的仓库。如果创建用户站点,仓库名必须为username.github.io;如果是项目站点,可以任意命名。

上传网站文件

将你的静态网站文件(HTML、CSS、JS、图片等)上传到仓库。确保有一个index.html文件作为入口点。

启用GitHub Pages

进入仓库设置,找到"Pages"部分,选择部署来源(通常是main分支或/docs文件夹),然后保存。

访问你的网站

等待几分钟后,你的网站将在https://username.github.io(用户站点)或https://username.github.io/repository-name(项目站点)上线。