Social Media Kit

Social Media Kit是什么？

Social Media Kit是一款开源的社交媒体内容管理与发布工具，专为内容创作者、营销人员及运营团队打造，支持一站式内容撰写、格式化、管理与多平台发布（包括 LinkedIn、Twitter/X、Bluesky、Mastodon）。通过统一语法、丰富样式、发布提醒与安全认证等模块，实现社交传播的自动化与结构化。

核心功能亮点

• 多平台发布：一键将内容发布到多个社交平台，如 X、LinkedIn、Mastodon 等
• 高级格式支持：支持 Unicode 风格的 粗体、斜体、@标签等样式
• 发布提醒与日程：自定义提醒时间，支持时区设置，浏览器通知提醒
• 表情选择器：提供6类表情分类，支持光标插入位置快捷添加
• 帖子自动保存：撰写过程中自动保存草稿，避免内容丢失
• 深色模式切换：适应视觉习惯，自定义亮/暗主题偏好
• OAuth 登录认证：支持平台授权登录，安全验证并自动获取发布权限

技术栈概览

• 前端：React 18 + TypeScript + Vite
• 样式：Tailwind CSS 响应式布局
• 安全：DOMPurify + OAuth 验证机制
• 后端：Express.js + Node.js
• 存储：localStorage 实现内容持久化

Social Media Kit官网及使用教程

开源地址：https://github.com/terrytangyuan/social-media-kit

一、项目部署

1. 克隆存储库

git clone https://github.com/terrytangyuan/social-media-kit
cd social-media-kit

2. 安装依赖项

npm install

3. 设置环境变量

cp .env.example .env
# Edit .env file with your LinkedIn and Twitter client secrets

4. 启动生产服务器

npm start

5. 打开浏览器

导航到http://localhost:3000，该应用程序从同一端口为前端和后端提供服务

二、快速使用

1. 设置OAuth：配置LinkedIn/Twitter/Mastodon 客户端 ID 或 Bluesky 应用密码
2. 撰写帖子：使用 **bold**、_italic_ 和 @{Person Name} 进行标记
3. 选择平台：选择 LinkedIn、Twitter/X（可选 X Premium）、Mastodon 或 Bluesky
4. 发布：点击“发布到 [平台]”或复制以进行手动发布