首先,关于Github Gist页面不会加载到iframe中的问题,这可能是由于Github Gist的跨域策略所导致的。Github Gist会阻止其他网站的脚本访问其页面,以保护其安全性。因此,如果iframe尝试加载Github Gist页面,则可能无法成功加载。
针对这个问题,我们可以尝试使用Github Gist的官方提供的插件,该插件可以允许您将Gist页面嵌入到其他网站中。您可以使用以下插件的代码将Github Gist页面嵌入到您的网站中:
//gist-embed.js
const gistId = 'your-gist-id';
const iframeId = 'gist-embed-iframe';
function createIframe() {
const iframe = document.createElement('iframe');
iframe.src = `https://gist.github.com/embed/${gistId}.js`;
iframe.id = iframeId;
document.body.appendChild(iframe);
}
createIframe();
在上面的代码中,您需要将your-gist-id
替换为您的Github Gist ID。然后,您可以将这段代码放到您的网站中,并将<iframe>
元素的ID设置为gist-embed-iframe
,以便Github Gist页面可以正确地嵌入到您的网站中。
除了使用Github Gist的官方插件外,您还可以尝试使用一些第三方工具,例如Gistify,它可以将Github Gist页面嵌入到您的网站中,而不需要使用iframe。您可以使用以下代码将Gistify嵌入到您的网站中:
<script src="https://gist.github.com/yegor256/7391263831e71032f34f7191e3b6379277c725/gistfile1.txt?file=1"></script>
在上面的代码中,您需要将gistfile1.txt
替换为您的Github Gist文件的文件名。然后,您可以将这段代码放到您的网站中,以便Github Gist页面可以正确地嵌入到您的网站中。
总的来说,如果您无法将Github Gist页面加载到您的网站中,您可以尝试使用Github Gist的官方插件或第三方工具,以将Github Gist页面嵌入到您的网站中。
领取专属 10元无门槛券
手把手带您无忧上云