第92期 obsidian插件推荐 components插件
第92期 obsidian插件推荐 components插件应用实例
components插件是由vran大佬开发的obsidian插件
可以替代自己手打dataview的困难，和过于平铺的展示效果，实现美化美观的数据库文件索引和多效果展示
我用components创建了一个个人主页，整合了我的日常（公众号），学习（课程笔记），阅读（微信读书），科研（文献阅读）等所有笔记，真正实现了all in one
插件介绍
components插件目前分为公测版和正式版。**公测版是全免费的，满足中度使用人群的需求。**正式版在公测版的基础上进行了细完善
公测版组件功能列表
- 数据视图组间：轻松掌握时间进度
- 计数组件：统计文档并显示数字
- 正计时：距离某个时间开始多久
- 倒计时：截止时间
- 日期进度：轻松掌握日期进度
- 时钟：显示一个时钟
- 摘录：随机获取内容
- 按钮：创建按钮来执行命令
- 打卡：打卡日常任务或习惯
- 图表：根据笔记绘制可视化图
- dataview：将dataview作为组件显示
- markdown：嵌入markdown内容
- 自定义卡片
- 组合：进行组件分栏
我的主页-公测版构建-效果展示
主页长图效果
我的摘录组件
使用 weread 插件 和 component-摘录组件 构建；
随机展示读书摘录
公众号和文献看版组件
使用templater插件 zotlit创建来创建带有元信息的条目 使用数据视图组件展示
数据视图的列表视图可以自定义设置多重筛选条件;同时设置展示的属性项,图中展示了文献的中文标题影响因子等信息
画廊视图一般展示默认有内容图片的笔记,添加分组后效果美观
计数组件统计进度
使用计数组件 以修改时间为条件 构建月内新文献数统计
并且点击图标即可查看具体修改了哪些条目
热力图日历
参考教程：热力图
文献检索器
参考教程：文献检索器
插件安装
插件安装网址
obsidian-components-release (github.com)
Obsidian | Components (notion.site)-这个里边有一些很好的案例
一些components插件教程和案例：RavenHogWarts/Snippets (github.com)
设置主页全宽CSS：RavenHogWarts/Snippets (github.com)
正式版说明：Obsidian | Components - 飞书云文档 (feishu.cn)
关于正式版-来自作者文档
组件层面
- 数据视图
- 表格增加了统计行，可以对每一列进行求和、平均值、最大值等
- 表格列头会根据属性类型自动添加 ICON，视觉上更加高级: - 优化了进度条属性的样式，使其高度更加合理
- 解决了公测版中行内容不对齐的问题
- 增加了一个 Markdown 属性内容，你可以在属性中直接写 Markdown 文本，可以直接被渲染成富文本的样式
- 重新设计了画廊视图的封面界面
- 画廊视图的封面现在支持横版和竖版两种封面类型，竖版非常适合人物、书籍封面，横版适合影视、风景等封面
- 画廊的封面类型增加了文本内容选项，可以直接展示笔记中的文本，插件会自动忽略掉属性区的文本
- 去除掉了属性设置中的默认值设置，这个可以通过模板功能来替代
- 数据视图现在支持分页加载了
- 数据视图的设置页面进行了重新分类，设置项更加清晰直观
- 数据视图中的每个条目（笔记）添加了上下文菜单，点击可以修改名称、移动文件、复制文件等，未来还会增加更多功能
- 数据视图的图片属性设计了一个全新的编辑组件，使得图片的添加和删除更加友好
- 筛选添加了有值和无值两种条件
- 计数组件现在改名叫统计数字组件，名字更加容易理解
- 组件采用分栏布局时，设置菜单不会再和组件区域重叠了
- 组件采用标签页布局时，可以点击标签页重命名，也可以直接拖拽标签页进行重新排序，不再需要点进设置页面中去操作了
- 标签页布局时，每个标签项也会根据组件类型自动添加 ICON
- Markdown 组件：文本内容现在支持直接在笔记中实时修改
- Dataview 组件：设计了一套全新的动态参数交互界面
- 打卡组件：完全重新设计了打卡组件，现在打卡组件不再支持基于任务项的打卡模式
- 移除了自定义卡片组件
- 现在组件的样式设置中支持设置是否显示边框，什么都不做，只显示边框也可以设计出一套设计统一、高级的组件集合
还有一些看不见的工作，但是它们直接决定了用户体验的上限
- 首先是作者重新设计了文档的筛选逻辑，使得性能大幅提升
- 然后作者重写了几乎所有组件的 CSS，确保组件的设计风格能保持一致
- 作者为小屏也做了大量优化，确保了组件在移动端的使用体验