通过 HTML 块实现图片链接功能

事先声明：此方法通过 HTML 功能实现，如果不了解 HTML 相关知识请自行了解相关资料。图片链接功能在集市内有插件实现，可以自行搜索使用。

HTML 介绍

这里涉及到的是 HTML 中的链接 <a>​和图片 <img>​标签，HTML 链接 | 菜鸟教程和 HTML 图像 | 菜鸟教程。链接标签用于打开一个链接，实现跳转功能，图片标签用于显示图片，替代链接锚文本显示。

实现方法

通过 HTML 中的基本方法，使用 <a>​标签包裹 <img>​标签用于显示一个图片标签，经测试在思源中可用。

代码如下：

<a href=""><img src=""></a>

这里的图片经测试可以直接使用 assets​文件夹路径，可以通过插入资源文件之后复制路径得到。

演示效果

上述代码：

<a href="https://ld246.com/article/1741618961568/comment/1741692046796?r=EmptyLight#comments" title="提示文本">
    <img src="https://b3logfile.com/avatar/1692373839778_1719500734128.jpeg">
</a>

这里使用了 <a>​标签的 title​属性作为图片的标题。如果需要调节图片大小则应该对图片添加属性限制，比如 width​（通常在思源内只需限制宽度），这里没有体现。其他 HTML 能完成的效果都可以自行添加。

经过测试思源内部的块链接（siyuan://​）无法跳转，但是可以通过（http://siyuan://​）跳转浏览器，此时浏览器地址栏会显示（siyuan//​），中间补上英文冒号（:​）之后可以打开思源。不过操作过于繁琐，不适合日常使用。

后记

此方法存在一些问题，需要进一步讨论优化。比如如何访问思源内部块链接，如何简化操作步骤等。求问无法跳转思源会不会是因为浏览器安全限制？感谢各位阅读到这里。