如何优雅地贴 gist 代码

用 gist 贴代码，一方面比较好看（github 的代码高亮，永远可以信赖）；另一方面当代码有改动时，可以自动进行同步，并且用户可以通过点击链接，跳转到 gist 中去添加评论

但是，众所周知，gist 有两点问题

gist 在国内无法访问
gist 通过 js 加载内容，对于静态站点没有大碍，但是对于客户端渲染的网站，document.write 无法起效

要解决问题 1，最省心的办法是使用代理，可以考虑 OhYee/webproxy，也可以使用 ghproxy
对于问题 2，可以考虑内嵌 iframe 实现一个虚拟的网页，在其中加载 js，并且通过 iframe 内外交互，修正 iframe 高度。

需要配置的地点主要有两处，分别是设置 iframe 最大高度的 max-height 和 srcdoc 中的 gist js 地址

<iframe 
    style="border:none;width:100%;max-height:50vh"
    onload="javascript:this.style.height=`${this.contentWindow.document.body.offsetHeight}px`;this.contentWindow.document.getElementsByClassName('gist-data')[0].style.height=`${this.clientHeight-70}px`;"
    srcdoc="<head><base target='_blank'/></head><body><script src='https://proxy.ohyee.cc/gist.github.com/OhYee/87228bbce831b4b7027e3d6407e7b2f8.js'></script></body>">
</iframe>

下面是实际效果