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

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

大家可以看看,有建议的可以提 issue,没建议觉得挺好的可以给 star
: )
老天我这不是外链啊。
https://blog.zz173.com
https://github.com/rozbo/blog
6341 次点击
所在节点    分享创造
36 条回复
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
很赞,之前想做,可惜前端技能点没攒够
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
@rozbo 这个接口不是全部返回的,一次返回 30 条记录啊,做伪分页更麻烦。

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

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

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

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

© 2021 V2EX