GitHub Pages

GitHub Pages 是 GitHub 提供的用于展示托管在 GitHub 上的静态网页的功能,简而言之,通过它我们可以预览当前代码仓库中的所有网页。利用这个功能,用户还可以搭建自己的个人博客。

如何使用GitHub Pages

假设我们已经上传了一个本地仓库到 GitHub 上,我们在 Github 中打开这个仓库,仓库中已经有了一个 HTML 文件。

a191af42ee4d2e0f7492f3c88d9456f9.png

但是我们不能预览,点击进入以后看到的是网页源码。

26cb345bcb76b84c3e92f799a9d415c5.png

接下来我们开启 GitHub Pages 功能,点击 Settings,往下翻找到 GitHub Pages,选择 master branch,这时 GitHub Pages 就已经开启了

b46b4b176a5a13ed301866d5640b1f18.png

我们可以看到 GitHub Pages 提供的一个链接

ee917780e0339cae6e0c3ba0cc764dd3.png

复制这个链接,并在后面加上 index.html (leeheart.github.io/pages-test/…) 即可预览我们的网页

029a14b161135ef1e5bbd3ef060414ac.png

实际上,即使后面不加 index.html 也可以成功预览它, GitHub Pages 默认会访问 index.html, 如果要预览其他网页,则必须加上相应的路径。

Logo

更多推荐