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

写了一个基于 github pages 和 github actions 的 web 图床应用,各位老铁,有需要的拿去用撒

  •  
  •   matrixage ·
    matrixage · 2021-01-04 14:17:45 +08:00 · 3811 次点击
    这是一个创建于 1430 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本来是在用 picgo 的 github 图床的,后来发现产出的链接一直被墙,也不想用其他云厂商的静态存储服务,于是思考了一段时间,花一个星期写出了 picpic 。

    为了轻量化,我没有把它做成桌面应用,而是做成了 cli,你只需要npm i @matrixage/picpic,就可以使用了。

    项目地址:picpic demo 地址:picpic_ex

    各位有想法的可以提,目前主要方便我个人放一些 markdown 用到的链接。

    原理请看:原理

    18 条回复    2021-01-07 14:15:28 +08:00
    0o0O0o0O0o
        1
    0o0O0o0O0o  
       2021-01-04 16:16:40 +08:00
    很好看
    0o0O0o0O0o
        2
    0o0O0o0O0o  
       2021-01-04 16:20:59 +08:00
    > 那就是 80%的时间都是 webpack 花掉的,关键是一些很简单的项目,因为 webpack,还是会有一个比较长的安装 npm 包的时间

    github actions 可以 cache

    https://docs.github.com/en/free-pro-team@latest/actions/guides/caching-dependencies-to-speed-up-workflows
    baobao1270
        3
    baobao1270  
       2021-01-04 17:36:46 +08:00   ❤️ 7
    支持创新,但是也想说说我的观点,如果楼主觉得不舒服请把我忽略

    1 、请不要滥用免费资源,虽然 GitHub ToS 没有明确限制,但是个人认为免费资源应当珍惜并合理使用
    2 、GitHub Pages 国内部分地方也被墙了……
    mayandev
        4
    mayandev  
       2021-01-04 17:37:17 +08:00
    帮你改了一下 readme 的翻译,图床一般翻译成 image host service
    xrr2016
        5
    xrr2016  
       2021-01-04 18:49:52 +08:00
    赞👍
    wxyudl
        6
    wxyudl  
       2021-01-04 20:25:41 +08:00
    赞一个 👍
    matrixage
        7
    matrixage  
    OP
       2021-01-04 23:23:27 +08:00
    @baobao1270 滥用? github 巴不得大家都用他的 paas 呢。至于你说的被墙,那是你的事情咯,这年头,杠上开花~
    matrixage
        8
    matrixage  
    OP
       2021-01-04 23:23:40 +08:00
    @mayandev 好的,谢谢
    matrixage
        9
    matrixage  
    OP
       2021-01-04 23:23:57 +08:00
    @0o0O0o0O0o 嗯嗯,学到了
    itcastcn
        10
    itcastcn  
       2021-01-05 09:11:54 +08:00 via Android
    GitHub Pages 经常打不开,国内还是码云好用一些
    hzlzh
        11
    hzlzh  
       2021-01-05 11:33:49 +08:00
    不错,可以尝试配合国内的一些 CDN 来完成跨墙和加速
    hyqCrystal
        12
    hyqCrystal  
       2021-01-05 11:37:09 +08:00
    有个问题就是 大于 5M 的图片会无法直接访问 ,所以我才选择了云存储
    missdeer
        13
    missdeer  
       2021-01-05 13:01:09 +08:00
    不想装 npm,是不是把 demo 仓库 fork 了就能用了?
    matrixage
        14
    matrixage  
    OP
       2021-01-05 15:08:36 +08:00
    @missdeer 可以,但是要把.gitignore 中的 /assets 去掉
    missdeer
        15
    missdeer  
       2021-01-05 18:17:19 +08:00
    可以加个选项,直接用 jsdelivr 的地址吗?
    matrixage
        16
    matrixage  
    OP
       2021-01-06 10:35:42 +08:00
    @missdeer 不行呀,不符合我设计这个应用的初衷
    codehz
        17
    codehz  
       2021-01-06 21:17:14 +08:00
    @baobao1270 #3 github tos 说了不能用作 serverless
    matrixage
        18
    matrixage  
    OP
       2021-01-07 14:15:28 +08:00
    @codehz serverless ?你仔细看一下我写的原理,本质上是静态网页,通过预编译写入文件数结构到全局变量,serverless 哪会给你白嫖,连 vercel 的 serverless 都有 100M 限制了,而且只能是 nextjs 项目。picpic 等于你自己创建的 gh-pages,不过页面我已经帮你搭建好了而已,这年头,杠上开花~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6026 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 02:12 · PVG 10:12 · LAX 18:12 · JFK 21:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.