首页 > 解决方案 > 如何在 github 中发布包含多个 html 文件的作品集?

问题描述

我正在尝试在 github 上发布我的投资组合网站。我的文件夹由多个 html 文件(包括 homepage.html、projectpage.html、images 文件夹等)和 css 文件组成。但是,当我发布我的网站时,它只显示自述文件而不是我的 html 网页。如何在 github 中托管我的投资组合网站?请告诉我。

谢谢

标签: htmlgithubgithub-pagesreadme

解决方案


使用GitHub 页面

  1. 将所有文件上传到 GitHub 存储库。为主页命名index.html
  2. 在顶部水平栏中,单击Settings
  3. 向下滚动到GitHub 页面
  4. Source下,单击当前显示的下拉列表None ↓</kbd> and click Master Branch

您的网站现在发布在username.github.io/repo


使用Vercel 的免费计划,它为您提供可定制的域:

  1. 将所有文件上传到 GitHub 存储库。为主页命名index.html
  2. 使用您的 GitHub 帐户免费注册 Vercel
  3. 转到deploy.new
  4. Import Git Repository下,单击Import包含您网站代码的存储库右侧
  5. 单击Select您的个人 GitHub 帐户
  6. 单击Continue选择的根目录
  7. 如果您愿意,可以编辑您的项目名称。Vercel 将自动检测您项目的框架,但您可以根据需要覆盖默认选项。
  8. 点击Deploy

Vercel 将开始构建您的网站。它将在projectname.vercel.app


推荐阅读