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

**URL:** <https://meta.appinn.net/t/topic/44288>\
**Category:** 青蛙的应用\
**Created:** [2023 年6 月 4 日 04:54 UTC](https://meta.appinn.net/t/topic/44288 "2023-06-04T04:54:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2023 年6 月 4 日 04:54 UTC](https://meta.appinn.net/t/topic/44288/1 "2023-06-04T04:54:29Z")

</div>

原始链接在： [HTML Preview - 一个适用于 GitHub & BitBucket 的 .HTML 预览工具 - 小众软件](https://www.appinn.com/github-bitbucket-html-preview/)

**GitHub & BitBucket HTML Preview** 是一个简单的服务，它可以预览任何托管在 GitHub & BitBucket 平台的 HTML 文件，并且能够加载 CSS 样式。从而避免直接打开链接看到源代码。@[Appinn](https://www.appinn.com/github-bitbucket-html-preview/)

  
 ![](https://static1.appinn.com/images/202306/html-preview.jpg!o)

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

## GitHub & BitBucket HTML Preview

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

 ![](https://static1.appinn.com/images/202306/appinn-2023-06-02-15-47-312x.jpg!o)

无论是直接访问 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://github.com/zserge/awfice/blob/main/draw.html)
- [_https://htmlpreview.github.io/?_https://raw.githubusercontent.com/zserge/awfice/main/draw.html](https://htmlpreview.github.io/?https://raw.githubusercontent.com/zserge/awfice/main/draw.html)

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

## 获取

- [GitHub](https://github.com/htmlpreview/htmlpreview.github.com)
- [官网](https://htmlpreview.github.io/?)（打开后输入 .html 链接即可预览）

原文：https://www.appinn.com/github-bitbucket-html-preview/

---

<div class="post-metadata">

作者： ![Zhang\_Peter](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/zhang_peter/32/45416_2.png) [@Zhang\_Peter](https://meta.appinn.net/u/Zhang_Peter)\
发布日期： [2023 年6 月 5 日 01:27 UTC](https://meta.appinn.net/t/topic/44288/2 "2023-06-05T01:27:46Z")

</div>

Error with Permissions-Policy header: Origin trial controlled feature not enabled: ‘interest-cohort’.

---

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2023 年6 月 5 日 01:29 UTC](https://meta.appinn.net/t/topic/44288/3 "2023-06-05T01:29:12Z")

</div>

这…错误都告诉你了，你应该能解决吧