+-
将 GitHub Issues 变成自己的博客,支持标签系统进行内容分类,并且具备社交互动功能,如点赞、评论等。

Gwitter

一个基于 GitHub Issues 构建的轻量级微博应用,利用 GitHub Issues 作为内容存储,支持 GitHub 的标签系统进行内容分类,并且具备社交互动功能,如点赞、评论等。

Github地址

https://github.com/SimonAKing/Gwitter

在线体验

https://simonaking.com/Gwitter

功能特点

  • 基于 GitHub Issues:利用 GitHub Issues 作为内容存储,支持 GitHub 的标签系统进行内容分类。

  • 社交互动

    • 点赞功能:支持 GitHub Reactions(👍 ❤️ 😄 😮 😢 😡 🚀 👀)。

    • 评论系统:完整的评论功能,支持嵌套回复。

  • 视觉体验

    • 精美动效:使用 Framer Motion 实现流畅的页面动画。

    • 响应式设计:完美适配桌面端、平板和移动设备。

    • 骨架屏:优雅的加载状态展示。

  • 用户体验

    • 国际化支持:内置中英文双语支持。

    • 无限滚动:智能分页加载,流畅浏览体验。

  • 自动化同步:通过 GitHub Actions 自动将新发布的 Issue 同步到其他平台。

  • 使用说明

    • 发布内容

      • 在配置的 GitHub 仓库中创建新的 Issue。

      • 使用 Markdown 格式编写内容。

      • 添加合适的标签进行分类。

      • 发布后内容会自动同步到 Gwitter 应用。

    • 内容管理

      • 编辑:直接在 GitHub Issues 中编辑。

      • 删除:关闭对应的 Issue。

      • 分类:使用 GitHub Labels 进行内容分类。

      • 置顶:通过 Issue 的创建顺序控制显示顺序。

    • 自动化同步配置

      • 创建 Telegram Bot(通过 @BotFather)。

      • 获取 Bot Token 和目标频道/群组的 Chat ID。

      • 将 Bot 添加到目标频道并授予管理员权限。

      • 创建同步脚本,参考 weibo/sync.js at master · SimonAKing/weibo · GitHub 实现,并在仓库中创建.github/workflows/sync.yml

      • 配置环境变量,在 GitHub 仓库的 Settings > Secrets and variables。

      • Telegram 配置: