在http://github.com开发人员保持HTML, CSS, JavaScript和图像文件的项目。如何在浏览器中看到HTML输出?
例如:https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html
当我打开这个,它不显示渲染的HTML代码的作者。它以源代码的形式显示页面。
是否有可能将其直接视为呈现的HTML ?否则,我总是需要下载整个ZIP才能看到结果。
在http://github.com开发人员保持HTML, CSS, JavaScript和图像文件的项目。如何在浏览器中看到HTML输出?
例如:https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html
当我打开这个,它不显示渲染的HTML代码的作者。它以源代码的形式显示页面。
是否有可能将其直接视为呈现的HTML ?否则,我总是需要下载整个ZIP才能看到结果。
当前回答
用github页面真的很容易做到,只是第一次做的时候有点奇怪。有点像你第一次在学习编织的时候不得不玩弄三只小猫。(好吧,也没那么糟)
你需要一个gh-pages分支:
基本上,github.com会寻找存储库的gh-pages分支。它将把在这里找到的所有HTML页面作为普通HTML直接提供给浏览器。
如何获得这个gh-pages分支?
一件容易的事。只需创建一个名为gh-pages的github repo分支。 当你创建这个分支时,因为你并不想将这个分支合并回你的github分支,你只是想要一个包含你的HTML资源的分支。
$ git checkout --orphan gh-pages
那我的回购书里的其他东西呢,那跟它有什么关系?
不用了,你可以直接删掉。现在这样做是安全的,因为您已经注意到并创建了一个孤儿分支,它不能合并回主分支并删除所有代码。
我已经创建了分支,现在呢?
你需要把这个分支推到github.com,这样他们的自动化就可以开始为你托管这些页面。
git push -u origin gh-pages
但. .我的HTML仍然没有被服务!
github需要花几分钟来索引这些分支,并启动所需的基础设施来提供内容。根据github,最多10分钟。
github.com列出的步骤
https://help.github.com/articles/creating-project-pages-manually
其他回答
这不是一个直接的答案,但我认为这是一个相当不错的选择。
http://www.s3auth.com/
它允许您在基本身份验证之后托管页面。很棒的东西,如api文档在你的私人github回购。只是AD一个s3放在你的API构建的一部分。
如果你正在使用企业级Github,你可能不想有一个面向公众的Github页面。对我们有效的一件事是:
对于HTML文件:https://github.private-repo.com/team/project/blob/master/order.html
下面是在浏览器中打开并以HTML形式检索最新文件的URL: https://github.private-repo.com/pages/team/project/order.html
用github页面真的很容易做到,只是第一次做的时候有点奇怪。有点像你第一次在学习编织的时候不得不玩弄三只小猫。(好吧,也没那么糟)
你需要一个gh-pages分支:
基本上,github.com会寻找存储库的gh-pages分支。它将把在这里找到的所有HTML页面作为普通HTML直接提供给浏览器。
如何获得这个gh-pages分支?
一件容易的事。只需创建一个名为gh-pages的github repo分支。 当你创建这个分支时,因为你并不想将这个分支合并回你的github分支,你只是想要一个包含你的HTML资源的分支。
$ git checkout --orphan gh-pages
那我的回购书里的其他东西呢,那跟它有什么关系?
不用了,你可以直接删掉。现在这样做是安全的,因为您已经注意到并创建了一个孤儿分支,它不能合并回主分支并删除所有代码。
我已经创建了分支,现在呢?
你需要把这个分支推到github.com,这样他们的自动化就可以开始为你托管这些页面。
git push -u origin gh-pages
但. .我的HTML仍然没有被服务!
github需要花几分钟来索引这些分支,并启动所需的基础设施来提供内容。根据github,最多10分钟。
github.com列出的步骤
https://help.github.com/articles/creating-project-pages-manually
在GitHub上预览HTML文件最舒服的方法是访问https://htmlpreview.github.io/或直接将其添加到原始URL前,即:https://htmlpreview.github.io/?https://github.com/bartaz/impress.js/blob/master/index.html
此外,如果你使用Tampermonkey,你可以添加一个脚本,将添加预览http://htmlpreview.github.com/按钮到操作菜单旁边的'raw', 'blame'和'history'按钮。
像这样的脚本: https://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d