写代码啦
使用 GitHub Pages 预览 HTML
回复数(0) 浏览数(23)
{{topic.upvote_count || 0}} 编辑 回复

作为一个前端新手,把项目放到github上,能够预览网站是一个比较需要的功能。GitHub Pages 能帮我做到这点。
首先,登陆自己的GitHub。然后打开你需要有预览功能的项目。

image.png image.png

以我的这个项目举例,点击图片中的settings,然后鼠标一直往下拖,一直到 GitHub Pages 界面。

image.png image.png

这里我已经设置了 master 分支,如果没有设置过的,在这里有一个选项,可以选择分支。

第二张图里的网址就是你的预览网址了,我一般会将它复制,然后,回到我们的项目界面。界面右边有一个 About,点开它,将网址粘贴上去。

image.png image.png

这样的话,别人打开你的项目,就可以直接点击这个网址预览了。我记得之前GitHub的预览地址是填在另外一个地方的,不知道是GitHub更新了还是我忘了,我去咨询一下,如果有其他问题会来更新这篇博客。
已经查过了,GitHub改版了一次,以前的版本只能填写一个展示网址,没有其他东西。新的这个有了About功能,能描述的东西稍微多了一些。

{{topic.upvote_count || 0}}

作为一个前端新手,把项目放到github上,能够预览网站是一个比较需要的功能。GitHub Pages 能帮我做到这点。
首先,登陆自己的GitHub。然后打开你需要有预览功能的项目。

image.png image.png

以我的这个项目举例,点击图片中的settings,然后鼠标一直往下拖,一直到 GitHub Pages 界面。

image.png image.png

这里我已经设置了 master 分支,如果没有设置过的,在这里有一个选项,可以选择分支。

第二张图里的网址就是你的预览网址了,我一般会将它复制,然后,回到我们的项目界面。界面右边有一个 About,点开它,将网址粘贴上去。

image.png image.png

这样的话,别人打开你的项目,就可以直接点击这个网址预览了。我记得之前GitHub的预览地址是填在另外一个地方的,不知道是GitHub更新了还是我忘了,我去咨询一下,如果有其他问题会来更新这篇博客。
已经查过了,GitHub改版了一次,以前的版本只能填写一个展示网址,没有其他东西。新的这个有了About功能,能描述的东西稍微多了一些。

23
回复 编辑