Markdown - 标题左侧的图标

Ale*_*tev 2 html markdown github

所以我想要的是在给定的 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 上它看起来像这样: 在此处输入图片说明

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

Aka*_*EMU 8

我在 GitHub 项目存储库 README.md 文件的标题前使用了图像 html 标记和空格。将我的图像设置在左侧,将标题设置在右侧。这是它的代码。

<img align="left" width="80" height="80" src="https://raw.githubusercontent.com/akarsh/akarsh-seggemu-resume/master/akarsh%20seggemu%20resume/Assets/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60%403x.png" alt="Resume application project app icon">

# Resume application project
Run Code Online (Sandbox Code Playgroud)

这是它的样子, 此图像显示了上述代码的预览

您可以通过单击此指向 GitHub 存储库的链接来查看项目自述文件