如何在Github仓库与GitHub页面添加iframe时呈现不同的markdown？

Question

我正在使用一个 <iframe> HTML标签，将一些内容嵌入到Github作为页面的markdown文件中（GitHub Pages功能）。

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

有没有办法在最终页面中显示iframe，但在回帖中隐藏它的HTML？

更好的是，是否有办法显示其他内容，比如一个漂亮的替换图片和一个链接（并在最终页面中隐藏这些内容）？

Answer 1

这个放在markdown文件里面。

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

这个应该放在repo的 _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>