GitHub + Twitter = ? 一个基于 Github Issue 的轻量级个人微博应用

发现频道
1

项目地址

演示

preview

:mobile_phone: 作者的 Gwitter: https://simonaking.com/blog/weibo/ - 看看 Gwitter 在实际中的应用

一个实验：GitHub + Twitter = ？

  • Github：可能是最好用的“笔记”应用之一
  • Twitter：世界上最大的微博平台

:thinking: 两者碰撞会发生什么？

我的答案是 Gwitter！
一个将 GitHub Issues 转换为个人微博平台的轻量级应用，让人人拥有真正属于自己的微博平台。

:rocket: 亮点功能

  1. :memo: 基于 GitHub Issues
  • 利用 GitHub Issues 作为内容存储，支持 GitHub 的标签系统进行内容分类
  1. :+1: 社交互动
  • 点赞功能：支持 GitHub Reactions（:+1: :heart: :grinning_face_with_smiling_eyes: :open_mouth: :cry: :enraged_face: :rocket: :eyes:）
  • 评论系统：完整的评论功能，支持嵌套回复
  1. :sparkles: 视觉体验
  • 精美动效：使用 Framer Motion 实现流畅的页面动画
  • 响应式设计：完美适配桌面端、平板和移动设备
  • 骨架屏：优雅的加载状态展示
  1. :globe_with_meridians: 用户体验
  • 国际化支持：内置中英文双语支持
  • 无限滚动：智能分页加载，流畅浏览体验
  1. :robot: 自动化同步
  • 多平台同步：通过 GitHub Actions 自动将新发布的 Issue 同步到其他平台

欢迎大家讨论使用~

2 个赞
2

使用 GitHub issue 作为内容储存是一个非常取巧的办法，也有不少人直接建立一个仓库，使用它的 issue 来作为内容发布的载体。

之前也有一些使用 GitHub issue 来作为博客的评论系统的例子，比如 utterances 和 giscus
或者同样作为 blog 的例子，比如 github-issue-blog 和 issue-blog

1 个赞
3

@SimonAking 报一下两个问题，一个是现在似乎无法正常Login，所以无法测试评论功能。
还有一个是样式似乎有问题，猜测可能跟我电脑默认是dark模式相关，文字是浅色的。
image.png

4

好的，我修复下~ 感谢反馈！！

5

尝试了用其他账号登录没有问题，好奇你这边登录遇到的问题是？

6

问题2 已修复，夜间模式可正常展示

7

image.png

就是点击之后会弹个窗然后瞬间消失，之后界面就是停留在loading了。

8

瞬间消失？感觉像是弹窗拦截插件导致的吧？隐身模式应该没这个问题

9

并没有使用这种插件。

  • Chrome 上主要是adblock，禁用后也是一样表现。
  • Edge 上没有安装插件，与 Chrome 表现一致。
  • Firefox 上没有安装插件，可以弹出登录窗口。

在 Chrome 和 Edge 上使用隐私模式可以正常弹出登录窗口。

似乎破案了。貌似跟 React Developer Tools 这个插件相关。禁用后即可正常登录了。但这个插件并没有影响到其他地方的 Github 登录。不知道是不是仅仅会影响到 react 构建的前端。

10

谢谢，我安装下尝试下

11

小白还是不知道怎么操作 :pleading_face:

方式 2：UMD（浏览器）

这个是需要部署在服务器上嘛？

12

部署一个静态页面到 cdn 就行