Obsidian AI Agent 配置指南:Claudian + Obsidian

Obsidian AI Agent 配置指南:Claudian + Obsidian Skills

📋 概述

Claudian 是一个将 Claude Code 集成到 Obsidian 的第三方插件,配合 Obsidian Skills 可以在 Obsidian 中获得强大的 AI 能力。

核心组件

组件说明
ClaudianObsidian 第三方插件,适配 Claude Code API,提供 AI 聊天界面
Obsidian Skills由 Obsidian CEO (Kepano) 发布的 Skill 包,赋予 AI 处理 Canvas、Markdown、Bases 等能力

🚀 快速开始

环境要求

  • ✅ 已安装 Obsidian
  • ✅ 已配置 Claude Code(或兼容模型如 DeepSeek、GLM)
  • ✅ Node.js 环境(可选,用于开发自定义 Skills)

安装时间估算

  • Claudian: ~5 分钟
  • Obsidian Skills: ~3 分钟
  • 总时间: 约 10 分钟即可完成配置

📦 安装步骤

第一步:安装 Claudian 插件

Claudian 暂未上架官方市场,需要手动安装:

  1. 获取插件文件
    访问 GitHub: claudian,下载以下三个核心文件:
    • main.js
    • manifest.json
    • styles.css
  2. 启用插件
    • 重启 Obsidian
    • 进入「设置」→「第三方插件」
    • 找到「Claudian」并启用

放置插件文件

Obsidian 仓库根目录/ └── .obsidian/ └── plugins/ └── claudian/ ├── main.js ├── manifest.json └── styles.css 

第二步:配置模型参数

在 Claudian 设置中进行基础配置:

  1. 打开设置页
    • Ctrl/Cmd + P 打开命令面板
    • 输入 claudian → 选择 Open chat view
  2. 基础设置
    • 设置 User Name(如:Jason)
    • 选择界面主题(明亮/暗黑)
  3. 验证连接
    • 在聊天界面输入「你好」
    • 收到正常回复即配置成功

配置 AI 模型使用国内模型示例(智谱 GLM):

ANTHROPIC_BASE_URL=https://open.bigmodel.cn/api/anthropic ANTHROPIC_API_KEY=你的智谱_api_key ANTHROPIC_DEFAULT_OPUS_MODEL=GLM-4.6 

使用 DeepSeek 示例:

ANTHROPIC_BASE_URL=https://api.deepseek.com/anthropic ANTHROPIC_API_KEY=你的deepseek_api_key ANTHROPIC_DEFAULT_OPUS_MODEL=deepseek-chat 

第三步:部署 Obsidian Skills

  1. 下载 Skills 包
    访问 GitHub: obsidian-skills
    • 点击「Code」→「Download ZIP」
    • 下载 obsidian-skills-main.zip 并解压
  2. 验证安装
    • 重启 Claude Code / Claudian
    • 在聊天界面输入 /skills
    • 应显示已安装的 skills 列表

安装到 Claude 目录

用户根目录/ └── .claude/ └── skills/ ├── obsidian-markdown/ ├── json-canvas/ ├── obsidian-bases/ └── (其他 skills) 

Windows 用户路径: C:\Users\你的用户名\.claude\skills\
macOS/Linux 用户路径: ~/.claude/skills/


🎯 核心 Skills 说明

1. obsidian-markdown

功能说明
双链支持[[笔记名称]] 语法
嵌入语法![[笔记名称]] 嵌入内容
标签系统#标签 标签支持
Front MatterYAML 属性处理
Callouts> [!note] 引用块

适用场景: 创建和编辑 Obsidian 格式的笔记

2. json-canvas

功能说明
节点类型text, file, link, group
连接线边 (edges) 连接节点
颜色标记6 种预设颜色 + 自定义颜色
布局自由画布,无限扩展

适用场景: 创建思维导图、知识图谱、流程图

3. obsidian-bases

功能说明
视图类型表格视图、看板视图、列表视图
过滤器基于属性筛选笔记
公式计算字段值
汇总统计和聚合数据

适用场景: 项目管理、任务追踪、数据汇总


💡 实战应用

用例 1:生成知识图谱

指令:

使用 json-canvas skill 创建一个关于「地中海饮食」的知识结构图,包含核心原则、主要食物、健康益处、烹饪方式四个部分。 

执行流程:

  1. AI 分析需求
  2. 调用 json-canvas skill
  3. 自动生成节点和连接
  4. 保存 .canvas 文件到 vault 根目录

结果: 可在 Obsidian 中直接打开 .canvas 文件查看

用例 2:批量创建笔记

指令:

根据以下大纲使用 obsidian-markdown skill 创建笔记: # 项目规划 ## 需求分析 ## 技术选型 ## 实施计划 ## 风险评估 

执行流程:

  1. AI 解析大纲
  2. 调用 obsidian-markdown skill
  3. 应用 Obsidian 特有语法(双链、标签等)
  4. 创建 .md 文件

⚙️ 高级配置

优化中文指令

由于 Skill 定义为英文,中文指令可能导致匹配偏差:

方案一:显式指定

请使用 json-canvas skill 帮我创建一个思维导图 

方案二:添加系统提示词

在 Claudian 设置 → System Prompt 中添加:

当收到中文指令时,优先思考并匹配最合适的 Obsidian Skill 执行任务。 支持的 Skills:obsidian-markdown, json-canvas, obsidian-bases 

自定义 Skills

Claudian 使用的 Skills 与 Claude Code 完全兼容,因此:

  1. 编写自定义 Skill
    • .claude/skills/your-skill/ 创建 SKILL.md
    • 遵循 Agent Skill 规范
  2. 自动发现
    • 重启 Claude Code / Claudian
    • 输入 /skills 查看是否识别到新技能

Skill 结构示例

---name: my-custom-skill description: 自定义技能描述 ---# My Custom Skill## When to Use 当用户需要执行 X 任务时使用 ## Instructions 1. 执行步骤 A 2. 执行步骤 B 

🔧 故障排查

常见问题

问题可能原因解决方案
Skills 未显示路径错误检查 .claude/skills/ 路径是否正确
模型调用失败API Key 错误检查环境变量或配置中的 API Key
中文乱码编码问题确保文件使用 UTF-8 编码
Canvas 无法打开文件格式错误检查 JSON 语法是否正确

调试模式

  1. 查看 Claudian 日志
    • Obsidian 设置 → Developer → Show Console
    • 查看技能调用和错误信息

测试 Skill 单独

# 在 Claude Code CLI 中测试 claude > 使用 obsidian-markdown skill 创建测试笔记 

📚 参考资源

官方文档

资源链接
Claudian GitHubgithub.com/YishenTu/claudian
Obsidian Skillsgithub.com/kepano/obsidian-skills
Agent Skills 规范agentskills.io
Claude Code 官方docs.anthropic.com

社区资源

资源链接
Obsidian 中文社区forum-zh.obsidian.md
Obsidian 插件市场obsidian.md/plugins
Claude Code Skillsgithub.com/anthropics/claude-code-skills

🎯 最佳实践

  1. Privacy First: 所有数据本地处理,不上传云端
  2. Version Control: 将 .claude/ 目录加入 Git 版本控制
  3. Skill 模块化: 将复杂任务拆分为多个小 Skill
  4. 定期更新: 关注 Skills 仓库更新,获取新功能和修复


💡 核心理念:Why Local Agent?

官方态度 (Stephan Ango/Kepano)

方面说明
发布渠道选择在个人 GitHub 账号而非 Obsidian 官方账号发布,体现了「非官方强制」的定位
核心哲学知行合一。坚持 Local-firstPrivacy-first
不参与 AI 军备不构建封闭的官方 AI 环境

差异化优势

对比NotionObsidian + Claudian
数据存储云端封闭完全本地化
AI 能力固定官方 AI「手搓」适合自己的 AI Agent
隐私安全平台掌握用户完全控制
扩展性受限完全开源,可自定义

Read more

小白前端速成:用HTML+CSS做出超酷边框流动特效(附实战细节)

小白前端速成:用HTML+CSS做出超酷边框流动特效(附实战细节)

小白前端速成:用HTML+CSS做出超酷边框流动特效(附实战细节) * 小白前端速成:用HTML+CSS做出超酷边框流动特效(附实战细节) * 先泼盆冷水:你的网页为啥像古董? * HTML骨架其实简单得可怜 * 核心原理:纯CSS硬刚,JS请靠边站 * 关键道具逐个掰开揉碎讲 * border和outline其实帮不上忙 * ::before 和 ::after 是主力军 * clip-path 是裁剪大师 * animation 和 @keyframes 是发动机 * 实战代码一:最基础的旋转渐变边框 * 坑预警:为啥你的线不动? * 坑1:z-index地狱 * 坑2:宽高比崩了 * 坑3:圆角露馅 * 坑4:透明度叠加出幺蛾子 * 实战代码二:按钮悬停触发的精致版 * 这招最适合放哪?别为了炫技而炫技 * 兼容性那些破事:Safari又抽风了 * conic-gradient不支持(iOS 12以下) * clip-

Java Web 开发环境搭建:IDEA+Tomcat 安装与部署超详细教程

Java Web 开发环境搭建:IDEA+Tomcat 安装与部署超详细教程

在 Java Web 开发中,IDEA 作为主流的集成开发工具,搭配 Tomcat 轻量级 Web 服务器是入门首选。本文将基于 Java Web 基础开发要求,从 JDK 环境配置、Tomcat 安装配置、IDEA 安装、Web 项目创建,到 Tomcat 在 IDEA 中的部署运行,进行一步一图式详细讲解,零基础也能轻松上手。 一、前置准备:JDK 环境配置 Java Web 开发的核心基础是 JDK,Tomcat 和 IDEA 的运行都依赖 JDK 环境,需先完成 JDK 的安装与环境变量配置。 1. 下载与安装

webdav-server 终极指南:轻量级WebDAV服务器完整教程

在现代数字化办公环境中,文件共享和远程访问已成为日常工作的重要需求。webdav-server作为一个轻量级WebDAV服务器实现,提供了简单而强大的文件共享解决方案。本文将为您全面解析webdav-server的核心功能、部署方法和实战应用技巧。 【免费下载链接】webdavSimple Go WebDAV server. 项目地址: https://gitcode.com/gh_mirrors/we/webdav 为什么选择webdav-server?核心价值解析 webdav-server是一个基于Go语言开发的独立WebDAV服务器,具有以下核心优势: 🚀 轻量高效:单二进制文件部署,资源占用极低 🔒 安全可靠:支持TLS加密传输和多种认证方式 📁 跨平台兼容:支持Windows、Linux、macOS等主流操作系统 👥 权限精细控制:可配置用户级权限和目录访问规则 与传统的FTP或Samba共享相比,WebDAV协议提供了更丰富的文件操作功能和更好的集成性,特别适合需要Web界面访问或与办公软件集成的场景。 3步快速部署webdav-server 步

前端WebSocket实时通信:别再用轮询了!

前端WebSocket实时通信:别再用轮询了! 毒舌时刻 WebSocket?听起来就像是前端工程师为了显得自己很专业而特意搞的一套复杂技术。你以为随便用个WebSocket就能实现实时通信?别做梦了!到时候你会发现,WebSocket连接断开的问题让你崩溃,重连机制让你晕头转向。 你以为WebSocket是万能的?别天真了!WebSocket在某些网络环境下会被防火墙拦截,而且服务器的负载也是个问题。还有那些所谓的WebSocket库,看起来高大上,用起来却各种问题。 为什么你需要这个 1. 实时性:WebSocket提供全双工通信,可以实现真正的实时通信,比轮询更高效。 2. 减少网络流量:WebSocket只需要建立一次连接,减少了HTTP请求的开销。 3. 服务器推送:服务器可以主动向客户端推送数据,而不需要客户端轮询。 4. 低延迟:WebSocket的延迟比轮询低,适合实时应用。 5. 更好的用户体验:实时通信可以提供更好的用户体验,比如实时聊天、实时数据更新等。 反面教材 // 1. 简单WebSocket连接 const socket =