在http://github.com开发人员保持HTML, CSS, JavaScript和图像文件的项目。如何在浏览器中看到HTML输出?

例如:https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

当我打开这个,它不显示渲染的HTML代码的作者。它以源代码的形式显示页面。

是否有可能将其直接视为呈现的HTML ?否则,我总是需要下载整个ZIP才能看到结果。


当前回答

如果你已经配置了GitHub页面,你可以得到你的公共url,如:

https://<username>.github.io/<repository>/index.html

哪里<用户名>和<存储库>将分别为用户名和回购名称占位符

所以,结果是这样的: http://necolas.github.io/css3-social-signin-buttons/index.html

如果它是一个在所有存储库中启用GithubPages的组织,它将是这样的:

https://<org>.github.io/<repository>/

其他回答

如果你已经配置了GitHub页面,你可以得到你的公共url,如:

https://<username>.github.io/<repository>/index.html

哪里<用户名>和<存储库>将分别为用户名和回购名称占位符

所以,结果是这样的: http://necolas.github.io/css3-social-signin-buttons/index.html

如果它是一个在所有存储库中启用GithubPages的组织,它将是这样的:

https://<org>.github.io/<repository>/

这不是一个直接的答案,但我认为这是一个相当不错的选择。

http://www.s3auth.com/

它允许您在基本身份验证之后托管页面。很棒的东西,如api文档在你的私人github回购。只是AD一个s3放在你的API构建的一部分。

我读了所有的评论,认为GitHub让普通用户创建GitHub页面太难了,直到我访问了GitHub主题页面,其中明确提到,在相关回购的设置页面下有一个“GitHub页面”的部分,在那里你可以选择“使用GitHub页面的主分支”选项,voilà!!在https://username.github.io/reponame上签出特定的回购

有两种方法(用于公共存储库)对我来说效果很好:都非常简单,并且能够通过链接到本地CSS文件和本地JAVASCRIPT/VUE文件来渲染复杂的HTML页面。

方法1 -与GitHub页面

要设置,请访问:https://github.com/YOUR_ACCT_NAME/YOUR_REPO_NAME/settings/pages(见下面的屏幕截图)

我的原始HTML页面回购的例子:https://github.com/BrainAnnex/life123/blob/main/experiments/life_1D/diffusion/diffusion_1.htm

如何渲染:https://brainannex.github.io/life123/experiments/life_1D/diffusion/diffusion_1.htm注意如何所有的样式,图形和交互控件都很好:)

方法2 -免费服务raw.githack.com

访问https://raw.githack.com/并输入您的页面的完整URL(包括“/blob”部分);例如,https://github.com/BrainAnnex/life123/blob/main/experiments/life_1D/diffusion/diffusion_1.htm

然后该网站产生2个链接,工作得很好:)

一个很好的选择,如果GitHub页面变得不可用!

我找到了另一种方法:

点击“原始”按钮,如果你还没有 Ctrl + A, Ctrl + C 用F12打开“开发人员工具” 在“检查器”中右键单击标签并选择“编辑HTML” Ctrl + A, Ctrl + V Ctr +返回

在Firefox上测试过,但在其他浏览器上也可以使用