相关疑难解决方法(0)

在 github markdown 中嵌入 openstreetmap iframe

从 openstreetmap 页面上的共享选项卡,我可以将地图视图导出为 HTML,例如:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&amp;layer=mapnik" style="border: 1px solid black"></iframe>
<br/><small><a href="https://www.openstreetmap.org/#map=17/46.23438/6.05463">View Larger Map</a></small>
Run Code Online (Sandbox Code Playgroud)

我想将它嵌入到 github 上的 README.md 页面中,例如

环顾四周,最接近iframe在 markdown 中嵌入s 的是git lab guide。随后我尝试了<figure class="video_container">标签,但在 gitlab 或 github 上都看不到它。

# how to find us?

we will be here:
<figure class="video_container">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&amp;layer=mapnik" style="border: 1px solid black"></iframe>
</figure>
Run Code Online (Sandbox Code Playgroud)

我是否遗漏了一些东西,或者这更好地留给真正的 HTML 而不是降价可以/应该做什么?

iframe openstreetmap github-flavored-markdown

22
推荐指数
1
解决办法
1万
查看次数

Markdown - 标题左侧的图标

所以我想要的是在给定的 H1 主标题的左侧有一个图标。不幸的是,到目前为止我还没有找到任何方法来实现这一目标。一种潜在的变体是为两者编写基本的 HTML,但是,我没有从标题中的降价中受益。无论如何知道这样做的更好方法吗?

首先展示我真正想要的是这个(这是用图片编辑器完成的演示): 在此处输入图片说明

我试过这个:

![image-title-here](https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png)
# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)

很长的标题,可能会超过几行

这根本不起作用

![](https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png){:style="float: right;margin-right: 7px;margin-top: 7px;"}
# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)

{:style="float: right;margin-right: 7px;margin-top: 7px;"}

很长的标题,可能会超过几行

像这样使用 html,无法识别降价:

![image-title-here](https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png)
# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)

也使用直接 html:

![](https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png){:style="float: right;margin-right: 7px;margin-top: 7px;"}
# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)

在这里,如果标题不在新行上,则不会将其识别为降价。

编辑建议的答案在 stackoverflow 上看起来是正确的,但在我的 github 上它看起来像这样: 在此处输入图片说明

问题是我们可以让标题与图像的顶部对齐吗?

html markdown github

2
推荐指数
1
解决办法
5155
查看次数