Skip to content

Latest commit

 

History

History
124 lines (88 loc) · 4.68 KB

README_ZH.md

File metadata and controls

124 lines (88 loc) · 4.68 KB

X Cards

English | 中文

x-cards intro

轻松的X平台上使用x-cards

X Cards Share X anywhere ,any format,

项目背景

X是许多平台的信息来源,因此产生了这个项目。

Changelog

v0.0.3
  • 优化性能,使用web worker生成图片, 处理下拉后x.com空白问题。
  • 增加padding设置,调整卡片内边距。
  • 增加生成图片质量设置。
  • 增加md格式导出。
  • 支持调整字体大小。
  • 交互优化,安装插件后或者,点击icon,跳转到welcome页面。
v0.0.2
  • 新增实时预览功能,现在右上角有个toast可以观察到生成的卡片。
  • 引入了自定义卡片背景颜色。
  • 可自定义卡片宽度。
  • 改进:现在点击默认复制图片,而不是下载图片。
  • 修复了视频获取封面图的问题。
  • 增加了连续帖子获取的支持。
  • 实现了帖子的动态添加、删除、拖拽和管理。
v0.0.1
  • 点击即可轻松访问。
  • 获取视频、图片、文本、点赞等。
  • 导出多种格式,包括JSON、Markdown、PNG、JPEG和SVG。

features

  • 简单易用,只需点击一下即生成卡片。
  • 轻松获取视频、图片、文字、点赞和浏览历史。
  • 支持多种格式导出,包括JSON、Markdown、PNG、JPEG和SVG。
  • 模板功能,保存您经常使用的卡片样式。

How to Use

  1. 点击下载插件 Download Extension

  2. 浏览器输入 chrome://extensions/ 并打开开发者模式

  3. 解压并,拖动整个文件夹到页面,如图: Drag the extension file to the page

  4. 打开x.com并浏览帖子,您将在右下角找到您的卡片按钮,参考上方视频。

开发指南

本项目使用 Plasmo 框架进行快速 Chrome 扩展开发。 使用 Next.js 进行前端开发。 采用 Tailwind CSS 和 Shadcn 作为 CSS 框架。 使用 Langchain 开发智能代理。 部署在 Vercel 平台上。

Local development:

pnpm install

# Run frontend
npm run dev:next
# Run plugin
npm run dev:plasmo

Starchart

Star History Chart