obsidian-plugin/bruce2431_obsidian-chat-bubble-renderer
1
0
Fork 0
mirror of https://github.com/bruce2431/obsidian-chat-bubble-renderer.git synced 2026-07-22 07:49:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
70 commits 1 branch 28 tags 1,022 KiB
TypeScript 96.9%
JavaScript 3.1%
Find a file
bruce2431 0197c2cd31 revert to 1.3.0
2026-07-08 12:56:00 +08:00
.github/workflows fix: remove --draft flag from release workflow 2026-06-16 12:07:09 +08:00
src v1.3.0: code refactoring + location card fix 2026-07-08 10:47:28 +08:00
.editorconfig v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
.gitignore v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
.npmrc v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
esbuild.config.mjs v1.2.1: GPT 5.5 code optimization round 2026-07-02 18:19:07 +08:00
eslint.config.mts v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
exp.png docs: add exp.png rendering preview 2026-06-19 10:51:33 +08:00
LICENSE v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
manifest.json revert to 1.3.0 2026-07-08 12:56:00 +08:00
package-lock.json v1.2.0: link cards, location cards with MapLibre GL, unified card styles 2026-06-29 16:37:29 +08:00
package.json v1.2.9: link card format + SVG badges + layout refinements 2026-07-07 19:34:11 +08:00
README.md docs: update README + LOG for v1.0.7 2026-06-24 16:49:56 +08:00
styles.css v1.3.0: code refactoring + location card fix 2026-07-08 10:47:28 +08:00
tsconfig.json v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
version-bump.mjs v1.0.0: Obsidian 聊天记录气泡渲染插件 2026-06-15 17:25:04 +08:00
versions.json revert to 1.3.0 2026-07-08 12:56:00 +08:00

README.md

Chat Bubble Renderer

Render Markdown chat logs as WeChat-style bubble dialogs directly in Obsidian. 将聊天记录渲染为微信风格气泡对话框。

Release License

Features

  • Auto-render — Switch to reading view on tagged files, bubbles appear automatically. Ctrl+P manual trigger also available.
  • Parse — Standard message headers [Sender] YYYY-MM-DD HH:MM:SS, quoted replies, merge-forward cards, system messages (nudge/recall), and Obsidian internal links ![[file.ext]]
  • Render — WeChat-style bubbles: others left (gray), yourself right (green); quoted replies with gray bar and media icons; merge-forward cards with click-to-expand bubble view (sender+timestamp, self/other alignment, inline media); images/audio/video inline with click-to-preview
  • File attachments — PDF/DOC/XLS etc. rendered as file cards (name + type icon); PDFs open preview modal on click; file cards in merge-forward with send-time alignment
  • Media preview — Click any image or video to view full-size in dark overlay modal (close by clicking background)
  • Performance — Chunked base64 encoding, shared vault-name lookup, event-driven auto-render (no polling)
  • Theme-aware — Follows Obsidian's dark/light theme automatically

Usage

Tag your Markdown file with tags: [聊天记录], then switch to reading view (Ctrl+E). Bubbles render automatically. Esc to exit.

Chat Log Format

---
tags:
  - 聊天记录
---

[自己] 2026-06-15 08:00:00
我喜欢你

[对方] 2026-06-18 08:01:52
> [自己] 我喜欢你
我不喜欢你

[自己] 2026-06-18 11:16:02
![[哭哭_emoj.jpg]]

[对方] 2026-06-19 17:34:39
![[文件.pdf]]

渲染效果

Supported formats: quote replies (>), merge-forward ([合并转发|title]), system messages (nudge/recall), media embeds (![[file.ext]]), file attachments (PDF/DOC/XLS).

Installation

Community Plugin Store: Search "Chat Bubble Renderer" in Obsidian → Community plugins.

Manual: npm install && npm run build → copy main.js, styles.css, manifest.json to .obsidian/plugins/chat-bubble-renderer/.

Settings

Setting Description Default
Self Identifiers Names that identify "you" in chat logs 我, me, 自己

License

MIT