如何使用 GitHub Pages 预览页面

如果想在github上预览github仓库中的代码,可以通过使用github pages来实现这个功能。以下是我设置gitbub pages 的步骤,以备日后查询。


1.登入 GitHub,新建一个 repo。

图片来自todoi

第一步:输入要创建的仓库名称,我这里的输入是demos1

第二步:初始化你的仓库并写入README文件

第三步:点击绿色的按钮就创建了仓库


2.接下来进入setting页面。


图片来自todoi

第一步:选中你刚才创建的仓库

第二部:点击setting


3.setting页面向下滚,找到github pages进行设置。

图片来自todoi

第一步:选择master 分支。

第二步:点击save,进行保存。


4.接下来你就可以找到这个仓库的预览地址。


图片来自todoi

我的demos仓库url为:http://todoi.github.io/demos/


5.如果你要看预览这个仓库中其它的文件可以在仓库地址后面加上你要的文件路径。


图片来自todoi

要预览上图test.html文件的代码只要访问以下地址https://todoi.github.io/demos/test/test.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容