Magical Cards

approvedunreviewed

by FF Barry

Turn book and film collections into interactive cover cards with draggable modules and note embeds.

★ 1 stars↓ 2 downloadsUpdated todayMIT

简体中文 · English

Magical Cards

把阅读与观影收藏,变成可以浏览、编辑、嵌入笔记的封面卡片。

Latest release Code license: MIT

下载插件 · 使用说明 · 更新日志 · 反馈问题

作者惯用卡片风格(该插件提供多种样式供选择): image

已上传Obsidian社区,我会不定时维护和更新,欢迎体验插件,希望你喜欢~ https://community.obsidian.md/plugins/magical-cards image

浏览封面,留下感想。 独立卡片视图和笔记内嵌入共用作品数据;支持搜索、编辑、排序、关联笔记和翻面摘要。作品与外观配置保存在你的笔记库中。

Magical Cards is a desktop Obsidian plugin for browsing and editing book and film cover cards, with draggable modules and note embeds. It works offline with six editable starter examples. The interface is currently in Chinese; see the full English guide.

Installation

Requires Obsidian desktop 1.11.4 or later. The community listing is currently a draft under review; use manual installation:

  1. Download main.js, manifest.json, and styles.css from the latest release.
  2. Put all three files in <vault>/.obsidian/plugins/magical-cards/.
  3. Reload Obsidian and enable Magical Cards in Settings → Community plugins.

Usage

On first use in an empty card directory, the plugin creates six offline examples and opens a guide. Open the cards view from the ribbon icon or the 打开卡片视图 command. To embed collections in a note, run 插入卡片模块 and select existing modules; the command inserts the code block into the active note. Settings also provides a generator for copying and pasting the code. See README_en.md for the complete guide.

目录

开始使用

首次在空目录启用,插件会在 卡片库 中创建说明页、3 本书与 3 部影视,并自动打开说明页。六张封面随插件打包,断网也能查看;示例作品可以编辑或删除。

起步外观为 圆柱弧面、整幅封面、填满裁切、纸感、2:3、同屏最多三张卡片。滑动或使用方向键,仍可浏览全部六张作品。

  1. 打开卡片:点击侧栏卡片图标,或执行「Magical Cards: 打开卡片视图」。
  2. 添加作品:点击模块右上角的 +,填写标题、封面及作品信息。
  3. 记录感想:翻到卡片背面编辑摘要,或打开关联的作品笔记。

再次查看说明,执行「查看示例及用法说明」。初始化中途失败也可通过此命令重试。已有卡片库不会重复导入示例,也不会修改原外观;删除示例后重启不会补回。

功能

功能操作
浏览与搜索滑动、滚轮或方向键切换卡片;点击放大镜搜索作品。
管理作品添加、编辑封面和信息、关联笔记、删除作品、调整排序。
翻面摘要翻到背面记录感想;布局切换保留当前卡和摘要草稿。
模块排序拖动标题前的手柄;键盘聚焦手柄后按 Alt / Option + ↑ / ↓。
笔记嵌入阅读模式和实时预览均可展示集合,同一集合可以重复引用。

五种动效布局

封面流轮播黑胶专辑架
原生笔记中的封面流轮播原生笔记中的黑胶专辑架,仅展示封套
横向滚动弯曲画廊倾斜轮播
原生笔记中的横向滚动弯曲画廊原生笔记中的倾斜轮播

圆柱弧面见首页预览。滚动弯曲画廊还支持竖向:

原生笔记中的竖向滚动弯曲画廊

外观与设置

Magical Cards 原生设置页

设置依次为:卡片目录 → 示例 → 仅显示三张卡片 → 添加卡片模块 → 已有模块 → 笔记代码块生成。示例和模块选项默认收起,展开修改后点击「保存并收起」一次提交。

顺序设置新用户与新模块默认
1卡片样式:整幅封面/简约整幅封面
2显示方式:完整显示/填满裁切填满裁切
3卡片材质:纸感/磨砂/全息纸感
4比例:五种现有比例2:3
5动效布局:五种布局圆柱弧面

仅在选择滚动弯曲画廊时显示横/竖方向。新模块使用上述默认值,已有模块的自定义外观不会被重置。保存失败时保留展开状态和草稿。

卡片目录填写当前笔记库内的相对目录,例如 卡片库。作品保存在其下的 书籍/观影 目录,配置保存在 _数据/卡片配置.md。切换目录不会搬运原有作品;不要填写电脑上的绝对路径。

嵌入笔记

阅读与影视模块嵌入原生 Obsidian 笔记

展开设置中的「笔记代码块生成」,选择一个或多个已有模块,然后生成并复制代码,粘贴进笔记即可。也可在笔记内执行「插入卡片模块」命令,选择模块后直接插入代码块。每次生成新的代码块 ID 和模块实例 ID;引用原作品,默认继承集合设置。

```magical-cards
id: reading-and-films
modules:
  - id: reading-instance
    collection: book
  - id: films-instance
    collection: film
```

同一集合可以出现在多篇笔记中。嵌入中的模块顺序只影响该代码块;排序原子更新 modules 数组,保留其余正文。重复 ID、源码冲突或未保存的原生编辑会阻止覆盖并保留草稿。复制代码到同一笔记时,请重新生成 ID。

高级:在一个嵌入中覆盖布局

collection 引用 book、film 或已有自定义集合的稳定 ID。模块可增加 layout:cylinder、coverflow-carousel、album-rail、scroll-bend 或 skewed-carousel;弯曲画廊可增加 orientation: vertical。这些覆盖只影响该处展示。省略时继承集合设置。

常见问题与数据

开启三卡后,其他作品会消失吗?

不会。同屏最多显示当前卡和两张邻卡;仍可浏览全部作品,作品数量不会改变。

封面为什么留边?

「完整显示」保留图片全部内容,比例不同时可能留边;「填满裁切」贴满卡片,会裁切部分图片。原图自身的白边属于图片内容,插件会保留它。

数据保存在哪里?

作品是卡片目录中的普通 Markdown 笔记;外观与模块顺序保存在 _数据/卡片配置.md。插件本地配置保存目录、首次体验状态及必要恢复信息。切换目录不会重新导入示例或迁移原作品。

是否联网或读取剪贴板?

插件不连接账户,不执行联网同步。内置示例离线可用;自行填写远程封面 URL 时会向相应图片服务器加载资源。「复制」只在用户点击后写入生成的代码;关联笔记选择器搜索笔记库中的笔记路径,不向外发送笔记内容。

可以在手机上使用吗?

目前仅支持桌面版。原生验收使用 macOS;Windows 尚未实机验证。插件界面目前为中文。

由旧 Barry Cards 升级与草稿恢复

原 barry-cards 代码块、作品 ID、bw_* 属性、视图和恢复草稿继续兼容;旧目录及未知配置字段保留。

先备份原 .obsidian/plugins/barry-cards/ 与卡片目录,再停用旧插件,等待未保存修改写入完成。将三个新文件安装到 magical-cards,把原 data.json 和恢复 JSON 一并保留到新目录,最后按原启用状态启用新插件。不要同时启用两个独立插件。

兼容宿主可以共享同一运行时。新版仅补充缺少的代码块语言与封面读取能力,保留现有作品、编辑和排序草稿。最终停用时保存失败的草稿会写入插件目录的恢复 JSON,并提示位置。

开发与版权

示例笔记库 仅包含三本书、三部影视及独立示例 ID;安装三个插件文件后用 Obsidian 打开即可。其卡片目录为「示例」。说明页模板 用于首次体验。

npm ci
npm run lint
npm run typecheck
npm test
npm run build

浏览器开发预览:npm run preview,打开 http://127.0.0.1:4319。原生验收与平台限制见 VERIFICATION.md,社区审核进度见 COMMUNITY.md。

代码采用 MIT。第三方封面及含封面的预览图不受代码许可证授权,其权利归各自权利人;请保留封面来源与版权。布局、React 及构建适配说明见 THIRD_PARTY.md。

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.