如何在 Github 存储库与 GitHub 页面上呈现不同的降价以添加 iframe？

Question

我正在使用 <iframe> HTML 标签在降价文件中嵌入一些内容 Github 作为页面（GitHub 页面功能）。

当在存储库中看到时（它是一个文档文件，也应该可以从存储库中读取）它作为一个未呈现的 <iframe> 标签看起来非常丑陋。

有没有办法在最后一页显示 iframe 但在回购中隐藏它 HTML？

更好的是，有没有办法显示其他内容，例如漂亮的替换图像和 link（并在最后一页隐藏它们）？

Answer 1

这在降价文件中：

   <a id="iframeLink" href="https://...">Visible link text</a></p>
   <div id="iframeDiv"><img src="image_for_repository.png"></div>

这应该放在回购的 _layouts/default.htm

中

<script>function change(tagaid,tagdivid) {
let l=document.getElementById(tagaid);
document.getElementById(tagdivid).innerHTML = "<iframe src='"
+ l.href + "' frameborder=0 width=400 height=400></iframe>";
l.innerHTML = "";
}
change('iframeLink','iframeDiv');</script>

如何在 Github 存储库与 GitHub 页面上呈现不同的降价以添加 iframe？

How to render differently markdown on Github repository vs GitHub pages to add an iframe?

javascript

github-pages

github-flavored-markdown