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

一个基于 GitHub pages,issuse 的仅有 103kb 的纯前端博客

  •  
  •   rozbo ·
    rozbo · 2018-05-16 13:36:30 +08:00 · 3516 次点击
    这是一个创建于 2383 天前的主题,其中的信息可能已经有所发展或是发生改变。

    245 天前,我在这里发布了一篇文章,基于 vue 和 github issue 的仅有 93kb 的轻量博客!,得到了很多人意见和建议,当然还有很多批评。当时是 1.0 版本,经过了这么久的打磨,也得益于 github api 的进一步开放,现在是 3.x 版本,我觉得已经修正了许多,是时候再一次跟大家介绍一下它了!
    它之前的主要特点是:

    • 足够轻量化,基于 vue2/webpack4 构建,包含所有的svg,css,js等 gzip 后仅有 103kb !
    • 基于 github issues api
    • 利用了404页面特性,支持伪后端路由,例如从 https://blog.zz173.com/9 可以直接访问到博文

    它现在新增的主要特点是:

    • 支持评论功能,可在博客里直接发表评论,并保存在对应 issue 下
    • 支持自动抽取toc,并自动导航
    • 基于 github 渲染接口,获得与 github 一致的渲染体验

    多数无意,上图为快

    全览

    iphonex

    ipad

    其它

    项目地址
    https://github.com/rozbo/blog 演示地址
    https://blog.zz173.com

    10 条回复    2018-07-22 20:59:45 +08:00
    luoway
        1
    luoway  
       2018-05-16 14:03:01 +08:00
    基于 github issues api

    很赞!
    一般纯前端博客都得写完文章 git commit & push,就懒得写博客直接用 issues 写文章了。
    现在写 issues 也能更新博客,妙啊
    rozbo
        2
    rozbo  
    OP
       2018-05-16 14:09:25 +08:00
    @luoway 我最早也是 hexo 的用户,也开发过几个 hexo 插件,现在还在维护中,但是后来感觉到太笨重了,而且手机和 ipad 不能码字,后来就想到了 issue
    POPOEVER
        3
    POPOEVER  
       2018-05-16 14:13:31 +08:00
    This is A light style blog base github api, open source on Github by rozbo

    >>>
    ```
    A lightweight blog based on Github API by [rozbo]( https://github.com/rozbo/blog)
    ```
    tanranran
        4
    tanranran  
       2018-05-16 14:17:17 +08:00
    赞一个

    文章内容挺好


    爱情的真谛在于相互的吸引、志趣相投的同行,而不是追逐和依附。
    valorachen
        5
    valorachen  
       2018-05-16 14:35:03 +08:00 via Android
    @rozbo 分类标签做了没?大概就是使用 label 来做这一点,应该可行吧
    ccccccc
        6
    ccccccc  
       2018-05-16 14:36:31 +08:00
    我来提个意见的

    1. gzip 103kb 挺大了,https://mirror.am0200.com/#/ 这个总大小才 105kb gzip 32kb
    2. 首页列表已经拿到所有 issues 数据,包括正文数据,不应该进入文章时候再加载一次
    3. 你还可以看看这个 https://acyort.com/zh-cn/deploy/
    rozbo
        7
    rozbo  
    OP
       2018-05-16 14:47:59 +08:00
    @ccccccc
    1. 这个 32kb 的确实牛批,因为这边引入了两个工具库和好几个图片,确实有点自叹弗如啊。我再努力努力
    2. 这个最初考虑的是没有从首页进入,直接进到博文的情况,所以没做这块的缓存。不过经你提醒,我有了优化的方向,这两天补上
    3. 这个一直在用,我用的是 travis ci
    mantout
        8
    mantout  
       2018-05-17 08:38:48 +08:00
    赞!

    那么请问楼主,我想尝试一下,该怎么做呢?
    duck2u
        9
    duck2u  
       2018-05-17 09:15:13 +08:00
    勘误 issue
    leavic
        10
    leavic  
       2018-07-22 20:59:45 +08:00
    我差点以为 issue 就有 103k。。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2825 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 07:18 · PVG 15:18 · LAX 23:18 · JFK 02:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.