SheepNav
Stylish Readme

Stylish Readme

producthunt.com

为GitHub个人主页创建实时小组件

28天前制作者:Sama Ramirez

关于 Stylish Readme

Stylish Readme 是一款专为 GitHub 个人主页设计的工具,能将静态的 README 文件转变为实时更新的动态仪表盘。它通过生成零依赖的 SVG 小组件,让你轻松展示个人资料卡片、音乐状态、编程连续打卡以及实时时间等信息,所有组件均使用标准 Markdown 标签即可渲染,无需复杂配置。

核心功能

Stylish Readme 的核心在于将 GitHub 个人主页“活”起来。你只需在 README 中嵌入特定的 Markdown 标签,即可自动生成并展示各种实时数据组件。这些组件完全基于 SVG 格式,无需额外加载 JavaScript 或外部资源,确保页面加载快速且兼容性极佳。

主要特性

  • 零依赖 SVG 组件:所有小组件均为纯 SVG 格式,无需任何外部库或脚本,即插即用。
  • 实时数据更新:支持展示编程连续打卡、当前音乐状态、实时时间等动态信息,数据自动刷新。
  • 高度可定制:提供多种主题和样式选项,你可以调整颜色、布局和尺寸,与个人主页风格完美融合。
  • 简单集成:只需在 README 中添加类似 ![GitHub Stats](https://api.stylish-readme.com/stats) 的 Markdown 标签即可,无需学习新语法。
  • 轻量高效:所有组件按需生成,不增加仓库负担,且支持缓存优化,响应迅速。

适用场景

  • 开发者个人主页:展示 GitHub 统计信息、编程时长、连续打卡天数,让访客一眼了解你的活跃度。
  • 技术博客或作品集:集成音乐状态(如正在听的歌曲)或实时时间,增加个性化趣味。
  • 团队或组织页面:展示项目贡献度、团队活跃指标等,增强协作透明度。

Stylish Readme 让 GitHub 个人主页不再单调,用实时数据讲述你的编程故事。

相关工具