介绍snippet:基于Next.js 15的优雅代码片段生成器
我很高兴向大家介绍snippet,这是我刚刚在GitHub上发布的新开源项目。这个工具可以将您的代码片段转换为优雅且专业的PNG图片,非常适合在X(Twitter)、LinkedIn或演示文稿中分享。使用Next.js 15和Tailwind CSS构建,提供现代且直观的体验。
立即在线使用! 访问https://snippet.timoner.com,只需几次点击即可创建和分享代码片段
🚀 主要特点
- 支持超过30种编程语言
- 高级语法高亮
- 针对社交媒体优化的高质量PNG导出
- 适应各平台的纵向和横向格式
- 直观的用户界面
🛠️ 使用的技术
- 前端: Next.js 15, React, TypeScript
- UI: Tailwind CSS, Shadcn/UI, Radix UI
- 工具: html2canvas, react-syntax-highlighter
- 部署: Vercel
🔧 本地安装(可选)
如果您想贡献或托管自己的实例:
bash
📝 使用示例
界面简单直观:
- 访问snippet.timoner.com
- 将代码粘贴到编辑器中
- 选择语言并自定义外观
- 导出为PNG
- 直接在您喜欢的社交网络上分享!
🎯 优势
- 性能: 针对快速生成进行优化
- 灵活性: 广泛的自定义选项
- 现代: 使用最新的技术版本
🤝 贡献
该项目是MIT许可证下的开源项目。欢迎:
- ⭐ 为仓库加星
- 🐛 报告问题
- 💡 提出改进建议
- 🔧 贡献代码
📚 更多信息
获取更多详情,请查看:
有问题或建议?在hub.timoner.com上查看我所有的开源项目并预约讨论,或直接在GitHub上开issue。