从代码到连接:使用 ForkToPost 自动化我们工艺的故事
Source: Dev.to


Veronika Kashtanova – @vero‑code
DEV Weekend Challenge: 社区
这是一篇提交作品,针对DEV Weekend Challenge: Community。
问题
“我太累了,写不出帖子。”
已经凌晨 2 点,终端终于显示绿色,你推送了最后一次提交,随后迎来了空白文本编辑器的凝视。编码的“文书工作”——文档、博客文章、故事叙述——常常在暗淡的仓库中消亡,因为我们缺乏写作的情感能量。
我创建了 ForkToPost,旨在帮助那些精疲力竭的构建者 and 那些 隐藏在仓库中、从未被世人看到的惊人代码 的人。
我构建的
ForkToPost 是一个 AI 驱动的叙事引擎,可将 GitHub 仓库转换为可直接发布的 DEV 文章草稿。
- 分析 您的代码库、分叉、提交和项目结构。
- 解释意图(灵感来源于我早期的 Source Persona 项目)。
- 生成一个 有意义的起点 用于 DEV 文章,处理结构化写作的繁重工作,让您可以加入个人创意。
演示
探索项目并查看实际的转换效果:
👉 GitHub:
vero-code / forktopost
🚀 使用 Gemini AI 将 GitHub 仓库转化为获奖的 DEV.to 故事。为 DEV 周末挑战赛:社区而构建。 🔱
感谢阅读! 🎉
如果你觉得 ForkToPost 有用,欢迎给仓库加星、提交 Issue,或在 DEV 上分享你自己生成的故事。祝编码愉快——写作快乐!
🔱 ForkToPost
ForkToPost 是 DEV Weekend Challenge: Community 的终极投稿生成器。它可以把 GitHub 仓库转换成一篇引人入胜、易于浏览的故事,帮助你在 DEV.to 社区中脱颖而出。
- 为阐述价值主张而苦恼?
- 想要一篇专业、风趣且易读的帖子?
ForkToPost 利用 Google 的 Gemini AI 将你的代码、README 和元数据编织成一篇获胜的叙事。
✨ 功能
- AI 驱动的文案写作 – Gemini 根据你的仓库生成精致的文章。
- 一键导出 – 下载为可直接在 DEV.to 使用的 Markdown。
- 可自定义语调 – 可在专业、随意、风趣三种风格中选择。
- 实时预览 – 在调整输入时即可看到最终帖子效果。
🚀 快速开始
# 克隆仓库
git clone https://github.com/yourusername/forktopost.git
cd forktopost
# 安装依赖
npm install
# 运行开发服务器
npm run dev
📦 安装(作为 CLI)
npm i -g forktopost
forktopost --repo https://github.com/yourusername/awesome-project
🛠️ 使用方式(Web UI)
- 粘贴你想展示的 GitHub 仓库 URL。
- 选择语调(Professional / Casual / Witty)。
- 点击 Generate – Gemini 将生成帖子。
- 查看预览,进行必要编辑后下载 Markdown 文件。
🧩 技术栈
- React 19+ – UI 组件与状态管理。
- TypeScript 5+ – 强类型保证可靠性。
- Gemini AI API – 自然语言生成。
🤝 贡献
欢迎贡献代码!请阅读 CONTRIBUTING.md 了解贡献指南。
📜 许可证
本项目采用 MIT License 授权 – 详情请参见 LICENSE 文件。
✨ 功能
⚡ 为周末而建 – 旨在帮助 DEV Challenge 参与者在紧迫的截止日期内完成任务,同时不牺牲质量。
- 🤖 AI‑驱动的叙事 – 使用
gemini-3-flash-preview分析您的代码库并生成结构化 Markdown。 - 🎨 图像生成 – 使用
gemini-3.1-flash-image-preview为您的项目创建电影感的视觉隐喻。
🧠 高级写作切换
- 添加共情 – 为您的帖子注入情感共鸣,突出人类的挣扎和 “啊哈!” 的时刻。
- 架构深度解析 – 自动生成系统的结构化技术拆解。
Source: …
我是如何构建它的
构建 ForkToPost 的过程是一场 极致同理心 的旅程。我不断自问:*当开发者筋疲力尽时,他们真正需要的是什么?*答案是:一个伙伴,而不是更多的复杂性。
技术栈
| 技术 | 理由 |
|---|---|
| React & TypeScript | 快速且类型安全的 UI |
| Tailwind CSS | 低摩擦、专注的样式 |
| Gemini Integration | 应用的“灵魂”——识别代码中的“啊哈!”时刻 |
| GitHub API | 在不复制粘贴的情况下获取仓库数据 |
技术架构
The system follows a Context → Extraction → Transformation pipeline.
-
Ingestion Layer
- 用户提供仓库 URL。
- GitHub API 爬取文件树,优先处理
README.md、package.json和核心逻辑目录。
-
Context Synthesis Engine
- “Context Scraper” 提取 technological fingerprint(技术栈、规模、主要问题)。
- 保持 token 使用量低,关注度高。
-
Persona Layer
- 应用 “Community‑First” 视角(受 Source Persona 启发)。
- 寻找 emotional hooks——项目为何对其他开发者重要。
-
Markdown Generator
- 生成适配 DEV 平台的输出,准备最终润色。