基于 vue 和 github issue 的仅有 93kb 的轻量博客！

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2656 天前的主题，其中的信息可能已经有所发展或是发生改变。

一个有趣的特点是基于 github 404 机制的 vue 路由，让网站看起来像是真的有后端一样~
另外发布博客和删除都可以通过 github issue 来操作，相对笨重的 hexo 之类的还算是优雅吧

大家可以看看，有建议的可以提 issue，没建议觉得挺好的可以给 star
: )
老天我这不是外链啊。
https://blog.zz173.com
https://github.com/rozbo/blog

36 条回复 • 2017-09-20 12:31:49 +08:00

hwk603

2017-09-12 18:08:39 +08:00

点赞占前排

cyio

2017-09-12 18:13:38 +08:00

有分页吗，打算拿过来用

oseau

2017-09-12 18:42:46 +08:00

Tue Sep 12 18:42:11 CST 2017 打开提示

Error:Forbidden

@rozbo

oseau

2017-09-12 18:44:03 +08:00

Failed to load resource: the server responded with a status of 403 (Forbidden)

api.github.com/repos/rozbo/blog/issues?creator=rozbo

Sanko

2017-09-12 18:49:23 +08:00 via Android

mark 下

qiayue

2017-09-12 18:57:02 +08:00

如果有哪位哥哥有空给加上主题模块，那要是服务大众的事儿呢！
->
如果有哪位哥哥有空给加上主题模块，那真是服务大众的事儿呢！

abmin521

2017-09-12 20:26:54 +08:00

感觉不错不过楼主刷 git 的 repo...

rashawn

2017-09-12 21:24:11 +08:00 via iPhone

本来 push 就可以了为啥要用 issue，发个博客不就是 html 里加个 a 标签……

样式那么多 markdown org 转 html 的 css 随便改，不明白为啥要花时间配置那些东西，完全没有手动加标签快…

ylsc633

2017-09-12 22:39:57 +08:00

我有两个偏的问题:

第一: 那个六位数的 QQ 是楼主的吗?
第二:你那个 github 的 commit 记录,是自己每天提交着玩的吗? 有个头像的影子

SilentDepth

2017-09-12 23:38:05 +08:00

@rashawn #8 因为可以单独写 Issue

zhlssg

2017-09-12 23:49:19 +08:00 via iPhone

可以

rozbo

2017-09-13 09:02:03 +08:00

@cyio
分页也是伪分页，因为 github 返回的 issue 列表是一次性返回的

@oseau
不知道什么原因，提示这个是因为你访问不了 github 的 api，被 ban 了？

@rashawn
push 你至少需要一个设备吧，需要好几步来完成，而 github issue 则可以通过手机端、github 客户端等多个平台无状态随时随地添加和修改甚至使用自带的评论。

@ylsc633
1 是
2 这个是通过一个脚本刷上去的，不过没什么卵用

missdeer

2017-09-13 09:30:23 +08:00

这个牛逼！

tf2017

2017-09-13 10:27:00 +08:00

挺不错的，功能可以在丰富些，比如展示 issue 的 label 作为文章的分类或者 Tag。

tf2017

2017-09-13 10:28:32 +08:00

另外你也可以通过在你的 issue 里引用别人 repo 的 issue 的时候，作为转载和收藏

zthxxx

2017-09-13 11:10:38 +08:00

请问下 `404 机制的 vue 路由` 是指什么？

pine

2017-09-13 11:44:24 +08:00

vue 是什么怎么解决跨域问题的啊？

rozbo

2017-09-13 11:48:51 +08:00

@tf2017
tag 的功能第一版是有的，后来觉得没卵用不极简又给去掉了。。。
引用的这个想法很不错，我之前都没有想到过
@zthxxx
这是这是纯前端的博客，却只能支持 https://blog.zz173.com/8 这样的非常规链接，你想到了什么了吗？

@pine
vue 是一个前端的框架，github api 允许所有域名跨域

sobigfish

2017-09-13 12:50:51 +08:00

基于 API 的话，key 和 secret 都保存在 client 里？会不会直接被借用帮你发布新文章

zthxxx

2017-09-13 17:17:10 +08:00

@rozbo #18

zthxxx

2017-09-13 17:17:41 +08:00

@rozbo #18
上一条按错键了。。

zthxxx

2017-09-13 17:20:53 +08:00

@rozbo

非常规链接是指本身没有文件路径，确可以访问该路由么？
这样的实现方式比起一般的静态路径访问有什么优势呢？

arzterk

2017-09-14 09:40:49 +08:00

F12 之后页面显示重叠了，缩小页面也是

Hieast

2017-09-15 09:26:32 +08:00 via Android

很赞，之前想做，可惜前端技能点没攒够

cky2005

2017-09-15 16:11:56 +08:00

搭建成功,不过点开博客某个帖子,一按刷新,这个页面就会提示 404,而楼主的博客不会这样,怎么回事

rozbo

2017-09-15 17:17:46 +08:00

@arzterk
按道理是响应式的啊。。这边测试没能重现
@cky2005
这是因为我们是一个纯前端的页面，完全没有后端的处理能力，所以当直接访问 blog.zz173.com/8 的时候，服务器是一辆懵逼的状态，完全不支持应该怎么解析。此时他会怎么办呢?没错，404 页面。所以我们让 404 页面也具有路由功能，不就实现了接管任意网址吗?所以只需要把首页复制一份为 404 即可。这也是本程序的一个精髓所在。
@zthxxx
优势就是网址简单明了，好看，可装逼

hoythan

2017-09-15 17:22:27 +08:00

你败给了 seo...蜘蛛进来毛也看不到

rozbo

2017-09-15 18:03:39 +08:00

@hoythan
的确是这样，所有前端渲染的通病。。。

bookit

2017-09-17 22:50:20 +08:00

很帅啊。

wspsxing

2017-09-18 22:39:18 +08:00

想法不错

751762476

2017-09-19 17:01:56 +08:00

不错哦

Hieast

2017-09-19 22:34:09 +08:00

看到了是 mit 协议，就拿来用了。后期 seo 再试试别的解决方案，最坏的情况下也可以在 github issue 里搜到。
另外 404 页面是假装后端是 php 么。

Hieast

2017-09-20 09:39:32 +08:00

@rozbo https://developer.github.com/v3/issues/#list-issues-for-a-repository
是有分页的，但是没有 page_size 参数。目前我能想到的主要工作就是：
1. 将配置、发布脚本的定制参数到配置文件中，便于推广。
2. 可以做半真实的分页功能，以及 label、搜索、排序功能，这些都做了前端的列表功能基本齐活了。
3. seo 优化。
4. 还有你自己说的主题啥的。

Hieast

2017-09-20 09:40:26 +08:00

搜索是支持后端搜索的，q 参数

rozbo

2017-09-20 11:04:33 +08:00

@Hieast
协议什么的无所谓类，回头改成 wtf 协议。。。
一般博客都是了不起几百篇文章，一次返回也不过几 KB，所以前端伪分页就好了，label,搜索,排序 api 都是支持的
seo 的啥的估计就没办法了
主题是最重要的，因为现在的 ui 比较有我自己的个人风格，其他人用起来可能不太习惯

如果你改完之后，记得 pull requests.

Hieast

2017-09-20 12:31:49 +08:00 via Android

@rozbo 这个接口不是全部返回的，一次返回 30 条记录啊，做伪分页更麻烦。