如何设置GitHub Pages以便公开访问图片?
时间: 2024-10-12 17:15:31 浏览: 6
要在 GitHub Pages 上公开访问图片,你需要做以下步骤:
1. **创建或选择一个仓库**:首先,确保你有一个用于GitHub Pages的仓库,如果没有,可以在 "New repository" 页面选择“Public archive (read-only)” 选项创建一个。
2. **结构组织**:在仓库根目录下创建一个名为 `gh-pages` 的分支(如果你还没有这个分支)。这是GitHub Pages 部署页面的地方,所有在这个分支下的文件会被部署到网页上。
3. **添加图片**:把你的图片上传到 `gh-pages` 分支的一个合适的目录,例如 `images` 目录。
4. **修改`_config.yml`**:在你的仓库根目录,如果有 `.gitignore` 文件的话,可以忽略掉它。打开 `_config.yml` 文件,确保 `baseurl` 设置正确,例如如果是 `username.github.io/repository-name`,则表示该仓库的URL。同时,确保 `url` 和 `markdown` 的配置也正确。
5. **添加HTML链接**:在你的 HTML 文件(通常在 `index.html`)中,使用绝对路径或者相对路径(根据`baseurl`设置)来引用图片。例如:
```html
<img src="/images/image.jpg" alt="Image description">
```
6. **提交并推送**:在本地对 `gh-pages` 分支进行更改后,提交并推送你的更改到 GitHub。这样,你的图片就会通过 GitHub Pages 公开了。
阅读全文