Skip to content

2439905184/friendly-chat-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

✨ 心灵伙伴 · 温暖聊天

一个专为 INFP 和所有需要情绪疗愈的人设计的本地聊天模拟器。
在这里,你可以自定义好友形象,发送任意消息,并获得温柔、友好的自动回复。
更重要的是,你可以 通过 JSON 自由定制对话,为自己的故事写一个温暖的结局。


🌟 主要功能

  • 💬 真实感聊天界面
    左右气泡区分“我”和“对方”,支持文字、图片、文件发送,图片可点击放大。

  • 🎨 自定义好友形象
    点击头像可上传图片更换,点击昵称可修改名字,打造专属的“倾听者”。

  • 🤖 智能自动回复
    发送文字、图片、文件后,对方会从预设的温暖语料库中随机回复。
    当你说出“你为什么删了我”等关键词时,会触发特别安抚回复。

  • ✏️ 可视化对话编辑(核心亮点)
    点击右上角 ⚙️ 打开管理面板,在“可视化编辑”区域可以:

    • 查看所有消息列表
    • 点击 ✎ 编辑每条消息的发送者(我/对方)和文本内容
    • 点击 ✕ 删除任意消息
    • 点击 “➕ 添加消息” 插入新的文本对话
  • 📥 导入 / 导出 JSON
    支持将完整对话导出为 JSON 文件,或从 JSON 文件导入。
    可自由选择 追加覆盖 现有记录,方便备份、分享或深度定制。

  • 💾 本地持久化
    所有数据(消息、好友昵称、头像)自动保存在浏览器中,关闭页面不会丢失。


🚀 如何使用

  1. 直接打开网页
    index.html 在浏览器中打开即可使用,无需安装任何依赖。

  2. 开始聊天
    在底部输入框输入文字,或点击 📎(文件)和 🖼(图片)按钮发送内容。
    对方会自动回复,回复内容随机从语料库中选取。

  3. 管理对话
    点击右上角 ⚙️ 按钮打开管理面板:

    • 可视化编辑 区域修改/删除/添加消息
    • 导入导出 区域导出 JSON 或导入定制的对话
  4. 自定义好友形象
    点击顶部的头像或昵称,即可更换图片或修改显示名称。


🛠️ 技术栈

  • 纯原生 HTML + CSS + JavaScript
  • 使用 localStorage 实现数据持久化
  • 零外部依赖,单文件即用

📄 JSON 定制指南

导出的 JSON 格式示例:

{
  "version": "1.0",
  "exportedAt": "2026-07-11T00:00:00.000Z",
  "messages": [
    {
      "type": "text",
      "content": "你好呀~",
      "sender": "friend",
      "time": 1783727770150
    }
  ]
}

字段说明

  • type"text" | "image" | "file"(仅 text 支持编辑内容)
  • content:消息内容(文字或 base64 数据)
  • sender"me""friend"
  • time:时间戳(毫秒),导入时可自动补全

💡 提示:在管理面板的“导入”区域,可直接粘贴 JSON 文本,或点击“从文件导入”选择 .json 文件。


🤝 适合谁用

  • 正在经历社交困惑,想通过书写对话来整理情绪的 INFP 或高敏感人群
  • 喜欢写故事、设定角色对话的创作者
  • 想模拟某种沟通场景,练习表达的人
  • 单纯需要一个温暖、安静、不会拒绝你的聊天伙伴

📝 注意事项

  • 本应用 完全运行在本地浏览器中,不会上传任何数据至网络。
  • 图片和文件消息会存储为 base64,请注意文件大小(建议单张图片 < 2MB)。
  • 定期导出 JSON 备份,以防浏览器缓存清理导致数据丢失。

💖 致谢

这个项目诞生于一次关于“被删除”的深夜对话。
感谢每一位愿意给自己一个温柔结局的人。

愿你在这里,被好好接住。 🌙


📜 许可证

MIT License © 2026

About

✨ 心灵伙伴 · 温暖聊天 一个专为 INFP 和所有需要情绪疗愈的人设计的本地聊天模拟器。 在这里,你可以自定义好友形象,发送任意消息,并获得温柔、友好的自动回复。 更重要的是,你可以 通过 JSON 自由定制对话,为自己的故事写一个温暖的结局。

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages