V2EX 首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
V2EX  ›  分享创造

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

  •  
  •   rozbo · 13 天前 · 2465 次点击
    一个有趣的特点是基于 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
        1
    hwk603   13 天前
    点赞占前排
        2
    cyio   13 天前
    有分页吗,打算拿过来用
        3
    oseau   13 天前
    Tue Sep 12 18:42:11 CST 2017 打开提示

    Error:Forbidden

    @rozbo
        4
    oseau   13 天前
    Failed to load resource: the server responded with a status of 403 (Forbidden)

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

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

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

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


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


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

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

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

    如果你改完之后,记得 pull requests.
        36
    Hieast   6 天前 via Android
    @rozbo 这个接口不是全部返回的,一次返回 30 条记录啊,做伪分页更麻烦。
    DigitalOcean
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   鸣谢   ·   2340 人在线   最高记录 3541   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.7.5 · 82ms · UTC 05:26 · PVG 13:26 · LAX 22:26 · JFK 01:26
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1