我可能有点迟钝,但是有没有可能查看gist的呈现输出结果?
我对这个gist很感兴趣:https://gist.github.com/844752/420cc52eb4910fe8fa2bec9e13daab18b6230503
我在哪里可以看到它实际呈现的方式?
我可能有点迟钝,但是有没有可能查看gist的呈现输出结果?
我对这个gist很感兴趣:https://gist.github.com/844752/420cc52eb4910fe8fa2bec9e13daab18b6230503
我在哪里可以看到它实际呈现的方式?
rawgit.com 提供此服务。要使用 rawgit.com,只需将您想查看的 gist 或 github 文件的原始视图的域替换为 rawgit.com 即可。例如:
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
http://htmlpreview.github.io/?
以下是预览您的gist作为渲染HTML的服务之一:
所有这些都经过了在GitHub上使用HTML gist的测试,并且截至2020年7月仍在正常工作。
使用此gist的示例:
检查它是否仍然有效以及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>
最后两个script标签不是我的!我注意到这一点是因为HTML验证器对一个完全有效的HTML给出了警告(所以不仅注入了代码,而且是无效的...)
似乎没有改变HTML:
curl -v https://gitcdn.xyz/cdn/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html
注意:该网址与所有其他网址不同,没有包含/raw/
,如果您手动构建URL,则很容易拼写错误。
它们似乎在以下方面存在差异:
我编写了此脚本以检查提供的HTML的SHA1摘要:
#!/bin/bash
for i in \
'https://gist.githubusercontent.com/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html' \
'https://gist.githack.com/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html' \
'https://gitcdn.xyz/cdn/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html' \
'https://gistcdn.rawgit.org/rsp/dd2481a75c1668846a752e24099ce020/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html' \
'https://htmlpreview.github.io/?https://gist.githubusercontent.com/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html' \
;do
n=`echo $i | sed 's|^[a-z:]*//||; s|/.*||'`
s=`curl -s $i | shasum`
echo $s $n
done
如有需要,可以随意使用它来测试您自己的gist的完整性。
请记住,即使其中一个代理目前不会注入任何内容或干扰您的代码,也不意味着它永远不会这样做。
我的结果是:
7a785588d5806469a7a9256968f82257accd7183 - gist.githubusercontent.com
809819224097b5f116b63fd6019cb490005d1ff8 - gist.githack.com
7a785588d5806469a7a9256968f82257accd7183 - gitcdn.xyz
7a785588d5806469a7a9256968f82257accd7183 - gistcdn.gistcdn.rawgit.org
5069f27b01308f3cf71c9d7f3a5c924e3a91b243 - htmlpreview.github.io
第一条是原始的,所以看起来:
有趣的是,它使用另一个服务,即JSONP代理jsonp.afeld.me,并将您的Gist作为以下内容加载,而不是直接从GitHub加载: https://jsonp.afeld.me/?url=https://gist.githubusercontent.com/rsp/dd2481a75c1668846a752e24099ce020/raw/233e4d9d5388fc087785ff2d6f63ce232302d255/test.html。
我刚刚想到一个主意,看看是否可以通过gh-pages使gists以某种方式工作(因为gists可以作为repos进行checkout)。我会测试并更新。更新:我无法使其正常工作。也无法从gist部署到Netlify。
Gist渲染输出(目前在更新Gist后,不是实时预览)。
这仅适用于正确的文件扩展名。
例如,如果您的文件格式为MediaWiki,则必须将文件名编辑为somefile.mediawiki
。
你可以直接在GitHub上完成。我只是使用评论部分,因为它已经有了自己的“预览”选项,当然,“Markdown样式也受支持”。
对于2022年来访者,对我有效的解决方案是https://bl.ocks.org/-/about
Bl.ocks(发音为“Blocks”)是一个简单的查看器,用于共享托管在GitHub Gist上的代码示例。例如,如果您的Gist URL为:
https://gist.github.com/mbostock/1353700
请在URL中将“gist.github.com”替换为“bl.ocks.org”以查看它:
https://bl.ocks.org/mbostock/1353700
您的示例的主要源在index.html中。此文件可以包含指向Gist中其他文件(如图像、脚本或样式表)的相对链接。当然,您也可以使用绝对链接,例如CDN托管的D3、jQuery或Leaflet。要解释您的示例,请添加一个用Markdown编写的README.md。(如果您只想编写,则可以省略index.html。)
rawgit
可能会代理请求到github,重写响应头以添加Content-Type: text/html
。 - 0xcaff