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

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

  •  
  •   rozbo · 68 天前 · 2705 次点击
    这是一个创建于 68 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一个有趣的特点是基于 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   68 天前
    点赞占前排
        2
    cyio   68 天前
    有分页吗,打算拿过来用
        3
    oseau   68 天前
    Tue Sep 12 18:42:11 CST 2017 打开提示

    Error:Forbidden

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

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

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

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

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


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


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

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

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

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