爱意满满的作品展示区。
rozbo

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

  •  
  •   rozbo ·
    rozbo · Sep 12, 2017 · 7588 views
    This topic created in 3339 days ago, the information mentioned may be changed or developed.
    一个有趣的特点是基于 github 404 机制的 vue 路由,让网站看起来像是真的有后端一样~
    另外发布博客和删除都可以通过 github issue 来操作,相对笨重的 hexo 之类的还算是优雅吧

    大家可以看看,有建议的可以提 issue,没建议觉得挺好的可以给 star
    : )
    老天我这不是外链啊。
    https://blog.zz173.com
    https://github.com/rozbo/blog
    36 replies  •  2017-09-20 12:31:49 +08:00
    hwk603
    hwk603
    Sep 12, 2017
    1
    点赞占前排
    cyio
    cyio
    Sep 12, 2017
    2
    有分页吗,打算拿过来用
    oseau
    oseau
    Sep 12, 2017
    3
    Tue Sep 12 18:42:11 CST 2017 打开提示

    Error:Forbidden

    @rozbo
    oseau
    oseau
    Sep 12, 2017
    4
    Failed to load resource: the server responded with a status of 403 (Forbidden)

    api.github.com/repos/rozbo/blog/issues?creator=rozbo
    Sanko
    Sanko
    Sep 12, 2017 via Android
    5
    mark 下
    qiayue
    qiayue
    Sep 12, 2017
    6
    如果有哪位哥哥有空给加上主题模块,那要是服务大众的事儿呢!
    ->
    如果有哪位哥哥有空给加上主题模块,那真是服务大众的事儿呢!
    abmin521
    abmin521
    Sep 12, 2017
    7
    感觉不错 不过楼主刷 git 的 repo...
    rashawn
    rashawn
    Sep 12, 2017 via iPhone
    8
    本来 push 就可以了 为啥要用 issue,发个博客不就是 html 里加个 a 标签……

    样式那么多 markdown org 转 html 的 css 随便改,不明白为啥要花时间配置那些东西,完全没有手动加标签快…
    ylsc633
    ylsc633
    Sep 12, 2017
    9
    我有两个偏的问题:

    第一: 那个六位数的 QQ 是楼主的吗?
    第二:你那个 github 的 commit 记录,是自己每天提交着玩的吗? 有个头像的影子
    SilentDepth
    SilentDepth
    Sep 12, 2017
    10
    @rashawn #8 因为可以单独写 Issue
    zhlssg
    zhlssg
    Sep 12, 2017 via iPhone
    11
    可以
    rozbo
    rozbo
    OP
    Sep 13, 2017
    12
    @cyio
    分页也是伪分页,因为 github 返回的 issue 列表是一次性返回的

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


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


    @ylsc633
    1 是
    2 这个是通过一个脚本刷上去的,不过没什么卵用
    missdeer
    missdeer
    Sep 13, 2017
    13
    这个牛逼!
    tf2017
    tf2017
    Sep 13, 2017
    14
    挺不错的,功能可以在丰富些,比如展示 issue 的 label 作为文章的分类或者 Tag。
    tf2017
    tf2017
    Sep 13, 2017
    15
    另外你也可以通过在你的 issue 里引用别人 repo 的 issue 的时候,作为转载 和 收藏
    zthxxx
    zthxxx
    Sep 13, 2017
    16
    请问下 `404 机制的 vue 路由` 是指什么?
    pine
    pine
    Sep 13, 2017
    17
    vue 是什么 怎么解决跨域问题的啊?
    rozbo
    rozbo
    OP
    Sep 13, 2017❤️1
    18
    @tf2017
    tag 的功能第一版是有的,后来觉得没卵用不极简又给去掉了。。。
    引用的这个想法很不错,我之前都没有想到过
    @zthxxx
    这是这是纯前端的博客,却只能支持 https://blog.zz173.com/8 这样的非常规链接,你想到了什么了吗?

    @pine
    vue 是一个前端的框架,github api 允许所有域名跨域
    run2
    run2
    Sep 13, 2017❤️1
    19
    基于 API 的话,key 和 secret 都保存在 client 里? 会不会直接被借用帮你发布新文章
    zthxxx
    zthxxx
    Sep 13, 2017
    20
    @rozbo #18
    zthxxx
    zthxxx
    Sep 13, 2017
    21
    @rozbo #18
    上一条按错键了。。
    zthxxx
    zthxxx
    Sep 13, 2017
    22
    @rozbo

    非常规链接是指本身没有文件路径,确可以访问该路由么?
    这样的实现方式比起一般的静态路径访问有什么优势呢?
    arzterk
    arzterk
    Sep 14, 2017
    23
    F12 之后页面显示重叠了,缩小页面也是
    Hieast
    Hieast
    Sep 15, 2017 via Android
    24
    很赞,之前想做,可惜前端技能点没攒够
    cky2005
    cky2005
    Sep 15, 2017
    25
    搭建成功,不过点开博客某个帖子,一按刷新,这个页面就会提示 404,而楼主的博客不会这样,怎么回事
    rozbo
    rozbo
    OP
    Sep 15, 2017
    26
    @arzterk
    按道理是响应式的啊。。这边测试没能重现
    @cky2005
    这是因为我们是一个纯前端的页面,完全没有后端的处理能力,所以当直接访问 blog.zz173.com/8 的时候,服务器是一辆懵逼的状态,完全不支持应该怎么解析。此时他会怎么办呢?没错,404 页面。所以我们让 404 页面也具有路由功能,不就实现了接管任意网址吗?所以只需要把首页复制一份为 404 即可。这也是本程序的一个精髓所在。
    @zthxxx
    优势就是网址简单明了,好看,可装逼
    hoythan
    hoythan
    PRO
    Sep 15, 2017
    27
    你败给了 seo...蜘蛛进来毛也看不到
    rozbo
    rozbo
    OP
    Sep 15, 2017
    28
    @hoythan
    的确是这样,所有前端渲染的通病。。。
    bookit
    bookit
    Sep 17, 2017
    29
    很帅啊。
    wspsxing
    wspsxing
    Sep 18, 2017
    30
    想法不错
    751762476
    751762476
    Sep 19, 2017
    31
    不错哦
    Hieast
    Hieast
    Sep 19, 2017
    32
    看到了是 mit 协议,就拿来用了。后期 seo 再试试别的解决方案,最坏的情况下也可以在 github issue 里搜到。
    另外 404 页面是假装后端是 php 么。
    Hieast
    Hieast
    Sep 20, 2017
    33
    @rozbo https://developer.github.com/v3/issues/#list-issues-for-a-repository
    是有分页的,但是没有 page_size 参数。目前我能想到的主要工作就是:
    1. 将配置、发布脚本的定制参数到配置文件中,便于推广。
    2. 可以做半真实的分页功能,以及 label、搜索、排序功能,这些都做了前端的列表功能基本齐活了。
    3. seo 优化。
    4. 还有你自己说的主题啥的。
    Hieast
    Hieast
    Sep 20, 2017
    34
    搜索是支持后端搜索的,q 参数
    rozbo
    rozbo
    OP
    Sep 20, 2017
    35
    @Hieast
    协议什么的无所谓类,回头改成 wtf 协议。。。
    一般博客都是了不起几百篇文章,一次返回也不过几 KB,所以前端伪分页就好了,label,搜索,排序 api 都是支持的
    seo 的啥的估计就没办法了
    主题是最重要的,因为现在的 ui 比较有我自己的个人风格,其他人用起来可能不太习惯

    如果你改完之后,记得 pull requests.
    Hieast
    Hieast
    Sep 20, 2017 via Android
    36
    @rozbo 这个接口不是全部返回的,一次返回 30 条记录啊,做伪分页更麻烦。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5250 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 73ms · UTC 02:50 · PVG 10:50 · LAX 18:50 · JFK 21:50
    ♥ Do have faith in what you're doing.