喜欢用 GitHub Issue 写博客的大佬们看过来!又一个轮子,用 Vue 编写的基于 GitHub Issue 的博客工具

2019-07-25 13:37:12 +08:00
 ttop5

基于 GitHub API 的博客工具,尽情享受 GitHub Issue 带来的便利吧。

GitHub

https://github.com/ttop5/issue-blog

Demo

https://ttop5.github.io/issue-blog

欢迎大佬们提意见和建议哈。

3755 次点击
所在节点    分享创造
18 条回复
Nbsaw
2019-07-25 14:59:33 +08:00
我也在玩这个东西。聊一些我的看法吧。首先我觉得楼主的这个做的挺不错的。手机端上适应也还不错。

我先说一些缺点 关于 Github issues 的还有 基于 Github Issues 博客的一些优缺点吧

首先先说 Github Issues 最大的缺点,但也不算特别严重的一个缺点

第一点 Seo 的问题。通过 Ajax 获取 Gtihub,动态生成内容,无法避免这个问题。举个例子来说你有一篇文章是 「技巧篇:不用 if 语句撸代码」。我搜索的话 /做类似的搜索只能找到你的 Github issues。 而不是你的博客,如果想让别人访问你的博客需要在比较显眼的地方说明一下。

第二点 API 的访问次数是有限制的。Emmmm 为什么说不严重呢。因为...对我来说博客一天到晚的访问次数好像到不了那个 level,嘤嘤嘤。

楼主的博客的一些看法:

第一个从部署来看的是用 Github pages 部署的吧.. 其实我推荐用 surge ... 这样域名会变得更加好看一丢丢,ttop5.surge.sh ... 而且不用买域名了 orz 也不用了 不用配置 CNAME 之类的东东了.. 把 Github 当 Issues 的玩家,应该不少和我一样怕麻烦的吧 ... 博客越简单越好, 能不花钱不花钱 ...

顺便安利一下 surge。平时有什么写好的小工具也可以直接丢 surge 上。 比如给同事写的 .. 给小姐姐写的 ..

第二点是瞥了眼 `config.js` 。侧边栏的那些 Links。我看了下代码现在是写死的。如果能在 `config.js` 里面配置就更好咯。 部署的话看到写了个`public.js`。其实丢 `package.json` 也可以的。 "publish" : "npm run build && gh-pages -d dist"。

第三点如果能做到类似 gitment 那样的站内就回复的话感觉会更棒一些,现在是跳转到 repo 评论。

第四点如果能提供 hexo-next 那样的底部统计 pv,uv 的就更棒了。

第五点 accessToken 这个可以适当的在文档里告诉别人,只勾选能访问到博客 issues 那部分的权限就好了。

再说说优点

用 Github Issues 最好的点是。随时都可以编辑吧,在 Github 上面,手机电脑都行。不过事实上最常见的场景还是在电脑上编辑 ...

所见所得,这边更新完马上就能在博客页面上看见。不过话说回来的话,其实其他类型的博客也能做到这一点就是了 ...

最主要的还是简单方便。
ttop5
2019-07-25 15:10:29 +08:00
@Nbsaw 感谢提了很多很棒的建议哈,另外:

- SEO 的问题的话可以通过写个 SSR 的版本来解决哈,但是我个人不太关注这个;
- surge 是个好东西,我也去看看;
- 侧边栏的那些 Links 确实是正忘记了哈,后面会加到 config.js 中来;
- 我一开始也想使用 gitment 的站内回复,但是想着把原文和评论都保存到 github 上,这样以后不用这套程序了所有内容也能完整保存下来;
- pv,uv 后面也会考虑加上哈。
BCy66drFCvk1Ou87
2019-07-25 15:15:49 +08:00
nice
KamenReborn
2019-07-25 15:16:24 +08:00
@ttop5 #2 PV 和 UV 可以用 http://busuanzi.ibruce.info/ 的 api
ttop5
2019-07-25 15:19:28 +08:00
@KamenReborn ok,感谢大佬的建议
ttop5
2019-07-25 16:08:04 +08:00
@Nbsaw

关于 GitHub API 访问次数限制的问题,对大多数小博客来说绰绰有余了比如我😂,另外后续如果访问量大了以后可以在 Vuex 中做一次缓存,反正所需的信息一次请求就能全部拿到哈😉。
Nbsaw
2019-07-25 16:49:40 +08:00
@ttop5 拿 Vuex 缓存 只能减少单个用户的请求啦。 不过感觉访问量没这么大,这个问题不存在 ... 好悲伤 ..

另外如果可以的话建议拿 ts 重写吧。vue 3 马上出来了。可以让你的 config.js 有类型提示。code 本身就是文档,配置起来也方便,也不太容易出错(漏写字段啥的,写错。
ttop5
2019-07-25 16:55:58 +08:00
@Nbsaw
HypoChen
2019-07-25 18:06:30 +08:00
给大佬递茶 []~( ̄▽ ̄)~
ttop5
2019-07-25 18:19:51 +08:00
@HypoChen 大佬喝可乐 O(∩_∩)O~~
zhw2590582
2019-07-25 19:09:58 +08:00
我也有一个:www.sleepy.im
ttop5
2019-07-25 19:51:15 +08:00
@zhw2590582 好看
redbuck
2019-07-25 21:55:54 +08:00
有一点体验不太好,进入详情再退出又重新加载了,没有记住位置
ttop5
2019-07-25 21:59:18 +08:00
@redbuck 感谢建议哈,已加入后续优化议程;
ahonn
2019-07-26 13:31:21 +08:00
我自己用 Next.js + Github issue + Zeit Now 搞了一个,https://github.com/ahonn/blog

SSR 的话 SEO 完全不是问题
gaigechunfeng
2019-07-27 11:26:08 +08:00
这个可以加广告吗?
ttop5
2019-07-27 23:18:47 +08:00
@gaigechunfeng 你想加啥广告?
ttop5
2019-07-27 23:19:05 +08:00
@ahonn orz

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/586107

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX