我确定我昏暗,但是有可能查看要点的渲染输出吗？
这是我感兴趣的要点:https://gist.github.com/844752/420cc52eb4910fe8fa2bec9e13daab18b6230503
我在哪里可以看到它实际呈现的方式？
0xc*_*aff 53
rawgit.com提供此服务.要使用rawgit.com,只需使用rawgit.com替换要查看的gist或github文件的原始视图的域.例如:
https://gist.githubusercontent.com/mbostock/844752/raw/index.html
至
https://rawgit.com/mbostock/844752/raw/index.html
要么
https://raw.githubusercontent.com/caffinatedmonkey/Hello-World-PSP/master/main.cpp
至
https://rawgit.com/caffinatedmonkey/Hello-World-PSP/master/main.cpp
RawGithub.com将允许您在Github上渲染任何内容,包括gists.两个例子:
我的印象是最近改变了要点的方法.这是我找到的解决方案:
http://htmlpreview.github.io/?Mike Bostock提出了一个很酷的应用来呈现Gists:http://bl.ocks.org/844752/420cc52eb4910fe8fa2bec9e13daab18b6230503
不过,我很感兴趣这是如何在技术上完成的.GitHub有一个很酷的API,您可以通过它获取JSON数据:https://api.github.com/gists/844752/420cc52eb4910fe8fa2bec9e13daab18b6230503它包含文件及其原始内容.我不知道如何动态渲染它,就像它们是文件系统上的实际文件一样.
要将您的要点预览为呈现的 HTML，请使用以下服务之一：
所有这些都在 GitHub 上使用 HTML 要点进行了测试，并于 2020 年 7 月开始运行。
使用此要点的示例：
检查它是否仍然有效以及 URL 的样子：
警告：它会将 JavaScript 注入您的页面！看：
curl https://gist.githack.com/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html
输出：
<!-- Valid HTML Test -->
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Valid HTML Test</title>
<script>
alert('It works');
</script>
<script async src='/cdn-cgi/bm/cv/2172558837/api.js'></script><script type="text/javascript">(function(){window['__CF$cv$params']={r:'5b1aaf571d8bf2c0',m:'65442fcb36a12a3fd4d99294f0ae0a2c6c071945-1594556076-1800-AdUTDXjrrqS1ZqgeCevOb/vrvZSZaBf8uXiIHtYhab+Pu1AhAHEnvoPv7d6apyJwU+p7FNPWY8VQAjdSpjC5/5JRJKo5Og1S5Qod6jctf3ECBmhA7mctVQJOrzVBXkf2fZrHHOVjSD5cezyUp1zDZeSLAYtov29CfJKdbN7/gstPjgYcF/FbgiA5tm4WJ/ToqDwoSGljZwlHIrqr9EdLCecSgQO1D+ASFBtWOduqNIx9',s:[0x603d28608f,0x9fc0e2444b],}})();</script>
最后两个脚本标签不是我的！ 我注意到它是因为 HTML Validator 给我一个完全有效的 HTML 的警告（所以它不仅注入了代码，而且是一个无效的代码......）
似乎没有改变 HTML：
<!-- Valid HTML Test -->
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Valid HTML Test</title>
<script>
alert('It works');
</script>
<script async src='/cdn-cgi/bm/cv/2172558837/api.js'></script><script type="text/javascript">(function(){window['__CF$cv$params']={r:'5b1aaf571d8bf2c0',m:'65442fcb36a12a3fd4d99294f0ae0a2c6c071945-1594556076-1800-AdUTDXjrrqS1ZqgeCevOb/vrvZSZaBf8uXiIHtYhab+Pu1AhAHEnvoPv7d6apyJwU+p7FNPWY8VQAjdSpjC5/5JRJKo5Og1S5Qod6jctf3ECBmhA7mctVQJOrzVBXkf2fZrHHOVjSD5cezyUp1zDZeSLAYtov29CfJKdbN7/gstPjgYcF/FbgiA5tm4WJ/ToqDwoSGljZwlHIrqr9EdLCecSgQO1D+ASFBtWOduqNIx9',s:[0x603d28608f,0x9fc0e2444b],}})();</script>
注意：该 URL/raw/不像所有其他URL 那样包含，因此如果您手动构建它，很容易拼错 URL。
他们似乎在以下方面有所不同：
我编写了这个脚本来检查所提供 HTML 的 SHA1 总和：
curl -v https://gitcdn.xyz/cdn/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html
如果需要，请随意使用它来测试您自己的要点的完整性。请记住，即使代理的一个不注射任何东西，或惹你的代码，现在，这并不意味着它永远不会去做。
我的结果是：
7a785588d5806469a7a9256968f82257accd7183 - gist.githubusercontent.com
809819224097b5f116b63fd6019cb490005d1ff8 - gist.githack.com
7a785588d5806469a7a9256968f82257accd7183 - gitcdn.xyz
7a785588d5806469a7a9256968f82257accd7183 - gistcdn.gistcdn.rawgit.org
5069f27b01308f3cf71c9d7f3a5c924e3a91b243 - htmlpreview.github.io
第一个是原始的，所以看起来：
有趣的是，它使用另一个服务，一个 JSONP 代理jsonp.afeld.me 工作，并且不是直接从 GitHub 加载你的要点，而是作为：https : //jsonp.afeld.me/?url =https : //gist.githubusercontent.com /rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html
我只是想看看是否可以以某种方式使 gh-pages 与 gist 一起使用（因为 gist 可以作为 repos 结帐）。我会测试它并写一个更新。更新：我无法让它工作。我也无法从 Gist 部署到 Netlify。
| 归档时间： |
|
| 查看次数： |
12967 次 |
| 最近记录： |