[{"content":"Claude 数据查看器 · 使用说明书 版本 v2.0 · 本地运行 · 零上传 · 单文件 HTML\n一、软件简介 Claude 数据查看器是一款完全在浏览器本地运行的数据阅读工具，专为 Claude.ai 导出的个人数据设计。无需安装，无需联网，双击 HTML 文件即可使用。\n核心特性\n🔒 数据完全本地处理，不上传任何内容到服务器 ⚡ 虚拟滚动技术，万条消息流畅浏览 📦 支持直接导入 ZIP 导出包，一键解析全部数据 🧠 支持查看对话、项目、记忆、账户四类数据 📝 支持导入自定义 Markdown 记忆文件 二、如何获取 Claude 导出数据 打开 claude.ai，登录账户 点击右上角头像 → Settings（设置） 找到 Privacy（隐私） → Export data（导出数据） 选择时间范围，点击 Export 按钮 等待邮件通知（通常几分钟内），下载 .zip 压缩包 三、快速开始 3.1 打开软件 双击 claude_viewer.html 文件，在任意现代浏览器中打开（推荐 Chrome / Edge / Firefox）。\n3.2 导入数据 支持三种方式：\n方式 操作 拖放文件 直接将文件拖入页面中央的拖放区域 点击选择 点击「选择文件」按钮，从文件管理器中选取 混合导入 同时选择多个文件（JSON + ZIP + MD）一次性导入 支持的文件类型：\n.zip — Claude 导出的完整压缩包（推荐，自动解析全部内容） conversations.json — 对话记录 users.json — 账户信息 memories.json — 记忆数据 projects/*.json — 项目文件 .md / .markdown — 自定义 Markdown 记忆文件 四、功能详解 4.1 💬 对话（Conversations） 对话列表\n左侧显示所有有内容的对话，按最后活跃时间倒序排列 每条显示：对话标题 · 消息数量 · 最后活跃时间 顶部搜索框支持按标题筛选 空对话（无消息内容）自动过滤，不展示 对话内容\n点击任意对话卡片进入详情页 Human 消息气泡靠右（橙米色背景），Claude 消息气泡靠左（白色边框） 每条消息显示完整时间戳（年-月-日 时:分） Claude 的回复支持完整 Markdown 渲染（标题、代码块、表格、引用等） 思考过程（Thinking）\n支持显示 Claude Extended Thinking 模式的思考内容 默认折叠，点击展开查看完整推理过程 折叠状态下显示思考摘要预览 思考内容以浅米色背景 + 斜体样式与正式回复视觉区分 关键词搜索\n在对话详情页顶部输入框输入关键词 点击「搜索」按钮或按 Enter 执行搜索 所有匹配位置黄色高亮，当前定位橙色高亮 使用 ↑ / ↓ 按钮在结果间跳转 右侧显示「当前 / 总数」计数 虚拟滚动 软件采用虚拟滚动技术，无论对话有多少条消息，始终只渲染可视区域内的内容，保证长对话流畅浏览。\n4.2 📁 项目（Projects） 显示 Claude Projects 的全部元数据，左侧列出所有项目，点击查看详情：\n内容 说明 基本信息 项目名称、创建/更新时间、可见性 系统指令 该项目的 System Prompt 全文 知识库文档 项目内上传的文件内容 项目记忆 该项目独立维护的记忆内容 4.3 🧠 记忆（Memories） 记忆数据分两类来源：\n导入 memories.json（项目记忆）\n解析 memories.json 后自动显示 按项目名称分组，左侧列表点击切换 导入 Markdown 全局记忆\n点击记忆 Tab 左侧顶部的「＋ 导入全局记忆 .md」按钮 或在初始导入时直接拖入 .md 文件 支持同时导入多个 .md 文件 右侧以完整 Markdown 渲染显示 右上角「↓ 导出」按钮可重新下载该文件 💡 提示：可将 Claude 聊天界面「导出记忆」生成的 Markdown 文件直接导入此处查看。\n4.4 👤 账户（Account） 显示 users.json 中的账户基本信息及统计数据：\n用户名、邮箱、手机号、账户 UUID 对话总数、项目总数、总消息数、记忆状态 五、导出功能 在对话详情页右上角有两个导出按钮：\n↓ Markdown 将当前对话导出为 .md 文件，包含：\n完整对话内容，保留 Markdown 格式 每条消息的发送者标签和时间戳 思考过程以 \u0026lt;details\u0026gt; 折叠块形式保留 ↓ PDF 在新窗口中渲染排版好的对话页面，并自动触发打印对话框：\n在打印对话框中选择「目标打印机」→「另存为 PDF」 点击保存即可获得 PDF 文件 六、快捷键 操作 快捷键 执行搜索 Enter 下一个搜索结果 Enter（已有结果时）或点击 ↓ 上一个搜索结果 点击 ↑ 七、注意事项 浏览器兼容性：推荐使用 Chrome 90+、Edge 90+、Firefox 88+，不支持 IE PDF 导出：需要允许浏览器弹出新窗口（部分浏览器会默认拦截弹出窗口） 大文件：首次解析大型 ZIP 包（数千条对话）可能需要数秒，请耐心等待进度提示 隐私安全：所有数据仅在本地浏览器内存中处理，刷新页面后数据即清除，不会存储在任何地方 八、数据说明 Claude 导出包中各文件的含义：\n文件 内容 conversations.json 全部对话记录（消息内容、时间戳、Thinking 数据） users.json 账户基本信息（姓名、邮箱、手机号） memories.json Claude 的记忆数据（项目记忆） projects/*.json 各项目元数据（名称、System Prompt、文档、记忆） Claude 数据查看器 · 个人数据，本地掌控\n","permalink":"https://blog.crownleo.cn/posts/claude_viewer_manual/","summary":"\u003ch1 id=\"claude-数据查看器--使用说明书\"\u003eClaude 数据查看器 · 使用说明书\u003c/h1\u003e\n\u003cblockquote\u003e\n\u003cp\u003e版本 v2.0 · 本地运行 · 零上传 · 单文件 HTML\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003ch2 id=\"一软件简介\"\u003e一、软件简介\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eClaude 数据查看器\u003c/strong\u003e是一款完全在浏览器本地运行的数据阅读工具，专为 Claude.ai 导出的个人数据设计。无需安装，无需联网，双击 HTML 文件即可使用。\u003c/p\u003e","title":"Claude数据查看器"},{"content":"折腾完家里的 NAS 之后，我一直想把这些过程记录下来。照片备份、Jellyfin 影音库、Tailscale 外网访问……每一个步骤踩过的坑，搜索的时候都找不到中文资料，写出来或许能帮到别人。\n于是我花了一个下午搭了这个博客。这篇文章记录整个过程。\n为什么选 Hugo 搭博客有很多方式。最简单的是直接写 HTML，但每篇新文章都要复制一个模板文件，手动改标题、日期、导航，改一次主题要把所有页面都改一遍，维护成本太高。\n另一个选择是 WordPress，功能齐全，但需要数据库和服务器，个人博客用不上那些功能，反而多了维护负担。\n静态生成器是目前个人技术博客的主流方案：只写 Markdown，工具自动把它转成完整的 HTML 网站，部署到 CDN 上，快、免费、不需要服务器。\n常见的选择有 Hugo、Hexo、Astro、Jekyll。我选 Hugo 的原因很简单：它是单个可执行文件，Windows 上解压即用，不需要安装 Node.js 或者任何运行时，构建速度极快。\n安装 Hugo 打开 PowerShell，一行命令安装：\nwinget install Hugo.Hugo.Extended 验证是否安装成功：\nhugo version 输出类似 hugo v0.161.1+extended 就可以了。\n如果 winget 安装失败，去 Hugo Releases 下载 hugo_extended_x.x.x_windows-amd64.zip，解压后把 hugo.exe 放到 C:\\Windows\\System32\\ 即可。\n创建项目 选一个目录，我放在 D:\\Projects：\ncd D:\\Projects hugo new site crownleo-blog cd crownleo-blog git init git branch -M main git branch -M main 是把默认分支重命名为 main，和 GitHub 保持一致，避免后面推送时分支名不匹配。\n执行完之后，目录结构是这样的：\ncrownleo-blog/ ├── content/ ← 文章放这里 ├── static/ ← 图片等静态文件 ├── themes/ ← 主题 └── hugo.toml ← 站点配置 安装主题 我选的是 PaperMod，目前最流行的 Hugo 极简主题，支持深色模式、标签分类、全文搜索、阅读时间、代码一键复制，风格简洁不过时。\ngit submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod themes/PaperMod 网络不好时多试几次，或者开代理执行。\n配置站点 打开 hugo.toml，替换为以下内容（根据自己情况修改）：\nbaseURL = \u0026#34;https://crownleo.cn/\u0026#34; languageCode = \u0026#34;zh-CN\u0026#34; title = \u0026#34;crownleo\u0026#34; theme = \u0026#34;PaperMod\u0026#34; hasCJKLanguage = true enableRobotsTXT = true paginate = 10 [params] author = \u0026#34;王冠\u0026#34; description = \u0026#34;工程师的折腾记录：NAS、AI工具、代码与系统\u0026#34; defaultTheme = \u0026#34;auto\u0026#34; ShowReadingTime = true ShowCodeCopyButtons = true ShowToc = true TocOpen = false [params.homeInfoParams] Title = \u0026#34;👋 你好\u0026#34; Content = \u0026#34;工程师的折腾记录。振动工程背景，热衷于 NAS 搭建、AI 工具与代码实验。\u0026#34; [[params.socialIcons]] name = \u0026#34;github\u0026#34; url = \u0026#34;https://github.com/crownleo\u0026#34; [menu] [[menu.main]] name = \u0026#34;文章\u0026#34; url = \u0026#34;/posts/\u0026#34; weight = 1 [[menu.main]] name = \u0026#34;标签\u0026#34; url = \u0026#34;/tags/\u0026#34; weight = 2 [[menu.main]] name = \u0026#34;关于\u0026#34; url = \u0026#34;/about/\u0026#34; weight = 3 [[menu.main]] name = \u0026#34;🔍\u0026#34; url = \u0026#34;/search/\u0026#34; weight = 4 [outputs] home = [\u0026#34;HTML\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;JSON\u0026#34;] hasCJKLanguage = true 是让 Hugo 正确统计中文字数，影响阅读时间的计算，不加这个中文文章的阅读时间会偏短。[outputs] 里加 JSON 是开启全文搜索功能用的。\n写第一篇文章 文章直接放到 content/posts/ 目录下，用命令创建会自动补全开头的元信息：\nhugo new posts/nas-docker.md 或者直接新建一个 .md 文件拖进去也完全没问题，Hugo 只认文件在不在那个目录，不在乎是怎么放进去的。\n文章格式如下，开头的 --- 包裹的部分是元信息，正文是普通 Markdown：\n--- title: \u0026#34;用 Docker 在 Windows 上搭建家用 NAS\u0026#34; date: 2026-05-21T20:00:00+08:00 tags: [\u0026#34;NAS折腾\u0026#34;, \u0026#34;Docker\u0026#34;, \u0026#34;系统搭建\u0026#34;] description: \u0026#34;完整记录 NextCloud + Jellyfin 的部署过程，包括踩过的坑。\u0026#34; draft: false --- ## 前言 这是正文，正常写 Markdown 就行... 注意 draft: false，不写或者写 true 的话构建时这篇文章不会出现。\n本地预览 hugo server 浏览器打开 http://localhost:1313，修改文件后实时刷新，满意了再推送。\n推送到 GitHub 先在 GitHub 新建一个仓库（https://github.com/new），名字随意，建议 Private 私有。\n在项目根目录新建 .gitignore：\npublic/ resources/ .hugo_build.lock 然后推送：\ngit add . git commit -m \u0026#34;init blog\u0026#34; git remote add origin https://github.com/crownleo/crownleo-blog.git git push -u origin main 部署到 Vercel Vercel 对 Hugo 有原生支持，配置比大多数平台简单。\n第一步： 打开 https://vercel.com，用 GitHub 账号登录。\n第二步： 点击「Add New → Project」，选择刚才的 crownleo-blog 仓库，点击「Import」。\n第三步： Vercel 会自动识别出这是 Hugo 项目，构建配置会自动填好：\n选项 自动填写的值 Framework Preset Hugo Build Command hugo Output Directory public 只需要手动添加一个环境变量，指定 Hugo 版本（避免 Vercel 用旧版本构建报错）：\n变量名：HUGO_VERSION 值：0.161.1（填你本地 hugo version 输出的版本号） 点击「Deploy」，等待约 1 分钟构建完成。\nVercel 会分配一个临时域名如 crownleo-blog.vercel.app，先用这个验证效果。\n绑定自定义域名 第一步： 进入 Vercel 项目 → Settings → Domains，填写 crownleo.cn，点击 Add。\n第二步： Vercel 会提示需要添加 DNS 记录。去你的域名服务商（Cloudflare、阿里云等）添加一条 CNAME 记录：\n类型 名称 内容 CNAME @ 或 crownleo.cn cname.vercel-dns.com DNS 生效后（通常几分钟），访问 https://crownleo.cn 就能看到博客。HTTPS 证书 Vercel 自动签发。\n日常写作 配置完成后，以后发文章只有这几步：\n在 content/posts/ 下新建或拖入 .md 文件 写内容，确认 draft: false 推送 git add . git commit -m \u0026#34;新文章：文章标题\u0026#34; git push 推送后 Vercel 自动触发构建，约 30 秒后 crownleo.cn 更新完成。\n小结 整个流程跑通之后，日常写作和发布的心智负担几乎为零。打开编辑器，写 Markdown，推送，完事。\nHugo 本身的学习曲线很平缓，大多数配置一次设好就不用再动。PaperMod 主题把常用的功能都做好了，深色模式、标签、搜索、目录、代码复制，开箱即用。\n接下来我会陆续把之前折腾 NAS 的经历都写进来，也会记录一些用 AI 工具提高效率的实验。\n","permalink":"https://blog.crownleo.cn/posts/hugo-vercel-blog-setup/","summary":"\u003cp\u003e折腾完家里的 NAS 之后，我一直想把这些过程记录下来。照片备份、Jellyfin 影音库、Tailscale 外网访问……每一个步骤踩过的坑，搜索的时候都找不到中文资料，写出来或许能帮到别人。\u003c/p\u003e","title":"用 Hugo + Vercel 搭建个人博客，写 Markdown 自动发布"},{"content":"leo,振动工程师\n热衷于折腾各种技术：NAS 搭建、AI 工具、代码实验。\n📧 hi@crownleo.cn 💻 github.com/crownleo ","permalink":"https://blog.crownleo.cn/about/","summary":"\u003cp\u003eleo,振动工程师\u003c/p\u003e\n\u003cp\u003e热衷于折腾各种技术：NAS 搭建、AI 工具、代码实验。\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e📧 \u003ca href=\"mailto:hi@crownleo.cn\"\u003ehi@crownleo.cn\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e💻 github.com/crownleo\u003c/li\u003e\n\u003c/ul\u003e","title":"关于"}]