GitHub & BitBucket HTML Preview 是一个简单的服务,它可以预览任何托管在 GitHub & BitBucket 平台的 HTML 文件,并且能够加载 CSS 样式。从而避免直接打开链接看到源代码。@Appinn

HTML Preview - 一个适用于 GitHub & BitBucket 的 .HTML 预览工具

这是一款在测试 Awfice – 每款不到 1KB,世界上最小办公套件:文本编辑、表格、绘图、幻灯片、代码编辑器、计算器时发现的小项目,Awfice 就使用了这样的预览方式提供试一试服务

GitHub & BitBucket HTML Preview

以 Awfice 为例,它直接将那个简单的 1KB 代码放在 GitHub 仓库里,代码是这样的:

HTML Preview - 一个适用于 GitHub & BitBucket 的 .HTML 预览工具 1

无论是直接访问 GitHub 的代码页面链接,还是 Raw 链接(Raw 按钮是 GitHub 提供的一个功能,可以在点击后直接显示该文件内容的文本格式,而不是显示整个文件的页面),都没办法以 HTML 的方式显示出来,但…这个 HTML Preview 就行。

只需要在对应的 .html 链接前面加上 https://htmlpreview.github.io/? 就行。

还是以 Awfice 的绘图为例,原始链接:

  • 页面:https://github.com/zserge/awfice/blob/main/edit.html
  • Raw:https://raw.githubusercontent.com/zserge/awfice/main/edit.html

只需要在这两个链接前面加上 htmlpreview 即可:

  • https://htmlpreview.github.io/?https://github.com/zserge/awfice/blob/main/draw.html
  • https://htmlpreview.github.io/?https://raw.githubusercontent.com/zserge/awfice/main/draw.html

你可以试试打开上面两个链接画画

获取

  • GitHub
  • 官网(打开后输入 .html 链接即可预览)

原文:https://xbcpy.com/