HTML 块内正链反链技术实现探讨

积木

Block 的概念在思源笔记中应用广泛。越来越觉得 Block 是积木的意思,你有多大的思维广度和技术能力,你就能搭建自己的 Block Model。

思源笔记到 HTML 块“正链”搭建技术实现

近来学习使用 html 块。

html 块作为容器,界面布置方便美观。即使不懂代码也可以 AI 按需生成可用的代码。

通过“求助笔记中以“嵌入块”或“chart”等可视化方式显示数据库数据 - 链滴”帖子,和 @wilsons 的解惑,实现思源笔记数据库的数据刷新输出在 html 块中元素(我视之为“正链”),如下图:

1749029358995.png

HTML 块到思源笔记文档块或其他内容块的“反链”搭建技术问题

html 链接

html 外链代码如下:

1749031130613.png

html 块反链实践

html 块中,通过链接指向思源笔记文档块或其他内容块(我视之为“反链”),可用

<a href="siyuan://blocks/20220602112201-gaotxme">点击跳转到目标块</a>

的方式实现,此技术路径可在本地打开思源笔记程序。但在 docker 方式等不是正确的链接方式。

请教

是否有其他方式实现 html 块中链接到思源笔记,实现类似思源笔记中“通过引用建立的内容块链接,用于在思源内部进行双链”?


请各位先达指教。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    26026 引用 • 108001 回帖 • 1 关注
1 操作
daziduan 在 2025-06-04 18:02:20 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • siyuan.domain:6806?id=block_id

    1 回复
  • 其他回帖
  • daziduan

    @Wetoria

    假设域名为 sy.2222.xyz,端口映射 7773
    按你的规则应该为:siyuan.sy.2222.xyz:7773?id=block_id,访问后如下图:

    1749085020000.png


    按照 sy.2222.xyz:7773?id=block_id,访问如下图:

    1749085661187.png


    你那里验证可以吗?

    1 回复
  • daziduan

    @Wetoria 嗯。实验成功。谢谢。


    我的理解,这种方式是用打开一个 web 页面的外链的方式打开(使用浏览器默认 cookie),和用块引用方式在终端实现是两个概念。在访问速度和便捷方面体验差距较大。


    可否在 html 中实现思源笔记中块引用?

    1 回复
  • 伪码:

    onClick="function(event) { try { require("@electron/remote") .require("@electron/remote/main") } catch() { location.href = location.pathname + `?id=${blockid}` } }"

    检测一下是否在 electron 中。

  • 查看全部回帖