发布于: 2025-6-12最后更新: 2025-6-12字数 1216阅读时长 4 分钟

type
status
date
slug
summary
tags
category
icon
password
Property
Jun 12, 2025 07:03 AM
URL
page icon
Notion AI总结:
这篇文章系统介绍了作者如何结合思源笔记的 widgets 插件功能,构建一个无需额外服务器支持、即可在笔记中直接交互式查看和管理上千个分子三维结构的轻量化可视化解决方案,有效解决了传统分子展示流程中效率低、查找难、展示麻烦的问题。
page icon
说明:
本文由 ChatGPT,Claude 辅助完成

1. 引言

作为一名企业的量子化学计算研究员,我在日常工作中不仅参与公司项目,还积累了超过一千个分子的结构数据,这些分子有些来自项目任务,有些则是我从文献或专利中整理保存的目标分子。
我通常将这些分子的三维几何坐标保存在对应的输入或输出文件中,并以任务编号或分子名称进行分类,存放在不同的文件夹里。
然而,每当我需要查看某个分子的三维结构,或向老师、同事、领导演示时,就不得不先翻阅文档查找文件名,再到文件系统中定位文件,最后通过 Gaussian View 或其他可视化软件加载。
这一系列流程在面对上千个分子时,不仅耗时繁琐,还频繁打断我的分析思路,严重影响了工作效率,这个问题相信很多做计算化学或材料模拟的朋友都会遇到。
我们当然可以通过截图或保存图片的方式来记录分子结构,但对于构型复杂、具有明显立体效应的分子,仅靠图片往往无法准确传达其三维特征。
由于我平时主力使用的是 Notion 笔记软件,曾尝试借助 Notion 的 database 功能来存储分子的图片和坐标,并通过 iframe 插入显示 3D 分子结构。
notion image
然而这种方式存在不少问题:每次都要手动生成 iframe 代码、复制粘贴地址,而且还需要自己搭建网页服务来提供 API 支持,整体上门槛较高,维护起来也很麻烦,不适合长期推广。
后来我发现 思源笔记 支持自定义 widgets,其实本质上也是在笔记中嵌入 HTML iframe,但优点是部署门槛更低,不需要搭建独立网站或服务,以及可以将数据存储到本地。这让我可以更轻松地实现分子结构的可视化嵌入,极大简化了展示流程。
具体效果如下图所示:
notion image
notion image

2. widgets 安装方法

首先去到思源笔记官网下载软件 https://b3log.org/siyuan/download.html
下载并安装完成后,打开思源笔记,新建任意一个文档,然后右键 → 打开 → 打开文件位置,即可定位到当前资源文件夹。
notion image
你会在路径中看到一个名为 data 的文件夹:
notion image
点击进入 data 文件夹,继续找到 widgets 文件夹:
notion image
 
接下来,将我提供的 widgets 插件压缩包(chemview.7z解压缩后,整个文件夹复制到这个 widgets 目录下即可:
 
完成后,回到思源笔记编辑页面,按下键盘 / 键,即可呼出插入组件菜单,你会看到如下内容:
notion image
选择这个即可
notion image

3. 功能介绍

这个挂件支持以下常规操作:
  • 🌀 分子结构的缩放、旋转、平移
  • 🧊 窗口自由放大缩小
  • 💻 支持直接输入或粘贴 Gaussian / ORCA 输入文件或文本
无需任何其他可视化软件,只要通过挂件就能一键查看分子结构,可谓“开箱即用”。
功能布局也非常直观,一眼就能看明白:
notion image
 
编辑分子部分,操作如下
notion image
 
锁定当前视图 这个功能尤其实用:
我们在整理笔记或做展示文档时,常常希望3D结构图和分子的平面图的角度固定,避免每次重新打开都要手动调整。启用 锁定当前视图 后,无论何时打开,都会保持你设定的角度。
notion image

4. 缺点

因为是用 iframe 嵌入的方式,所以后续如果修改了代码,原有视图不会自动更新,想要替换的话还得自己写代码手动调整。
 

Loading...
示例文章

示例文章

这是示例的文章摘要,摘要内容可被用做搜索,预览。文章列表默认展示概要;若要在列表直接展示文章内容,可在blog.config.js中配置。


Xterminal 上传后的权限问题

Xterminal 上传后的权限问题


公告
公告
博客重大更新,更换为matery主题,阅读体验更加好了。
和博主联系
notion image