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

极简图床 XZ pic 更新到 1.1 啦,支持上传到七牛(附源码)

  •  
  •   xiaoz ·
    helloxz · 2016-12-26 09:35:00 +08:00 · 3910 次点击
    这是一个创建于 2891 天前的主题,其中的信息可能已经有所发展或是发生改变。

    3 个月前在 V2 另一个帖子:又写了个简单的图床,欢迎使用(附源码) 收到不少小伙伴的建议,在此表示感谢,现在 XZ pic 1.1 可以将图片上传到七牛啦。

    对于不想上传到七牛的童鞋当然也是可选的啦,上传的时候支持选择保存在本地还是七牛。


    功能说明

    • 异步上传图片
    • 生成 HTML 、 Markdown 链接
    • 支持一键复制
    • 新增上传到七牛选项

    演示图片

    其它说明

    23 条回复    2016-12-29 17:18:01 +08:00
    luili
        1
    luili  
       2016-12-26 09:39:48 +08:00   ❤️ 1
    把微博的也加上吧 哈哈
    xiaoz
        2
    xiaoz  
    OP
       2016-12-26 09:42:01 +08:00
    @luili 微博的我貌似没找到接口
    ashfinal
        3
    ashfinal  
       2016-12-26 10:17:19 +08:00
    不太懂这个 七牛不是有官方的上传工具嘛?
    同支持加微博图床
    xiaoz
        4
    xiaoz  
    OP
       2016-12-26 10:30:10 +08:00
    @ashfinal 这个是用七牛 php sdk 写的,方便 web 上传,用户不需要登录。您指的七牛官方工具是哪一个呢?
    Kilerd
        5
    Kilerd  
       2016-12-26 11:21:11 +08:00 via iPhone
    7🐮做图床就不怕破产?


    详情请看之前的帖子。(手动滑稽。
    xiaoz
        6
    xiaoz  
    OP
       2016-12-26 11:33:51 +08:00
    @Kilerd 可能较少用户流量存在异常
    xiaoz
        7
    xiaoz  
    OP
       2016-12-26 11:34:37 +08:00
    @Kilerd 另外可以自己搭建选择是否开启上传到七牛的功能,如果小伙伴担心破产的关闭就好啦。
    ashfinal
        8
    ashfinal  
       2016-12-26 13:11:08 +08:00
    @xiaoz 命令行版的 也不需要登陆
    当时我的工作流程一般是:
    markdown 写作预览(使用本地图片
    运行命令行上传图片(增量 diff 、多线程的
    全文查找替换下图片链接 - 发布
    (上传后的图片链接前缀都一样的,直接全文替换一次了事。不用打开 web 确认了)

    官方工具好像也有 gui 版的,记不清了

    话说还是比较关心微博图床 (>﹏<) 刷 ve2x 比较重要
    xiaozi
        9
    xiaozi  
       2016-12-26 13:13:03 +08:00
    本地和七牛为什么不是多选框
    xiaoz
        10
    xiaoz  
    OP
       2016-12-26 13:16:55 +08:00
    @xiaozi 修改 qnconfig.php 这个文件,将 saveType 参数修改为 TRUE ,那么选择七牛上传的时候默认就将图片保存到本地和七牛。如果为 FALSE ,则只上传到七牛。
    xiaoz
        11
    xiaoz  
    OP
       2016-12-26 13:17:47 +08:00
    @ashfinal 在 v2 微博图床的确很重要,另外用命令行方式会返回生成的图片链接不?
    ashfinal
        12
    ashfinal  
       2016-12-26 13:27:24 +08:00
    @xiaoz 好像是不返回吧 不过这个不重要,上传前你就已经知道图片链接是啥了嘛
    xiaoz
        13
    xiaoz  
    OP
       2016-12-26 13:38:36 +08:00
    @ashfinal 这样的话感觉还是有点麻烦,比如:
    1.您本地图片是 abc.jpg ,您上传后虽然知道了连接,因为图片名字没有改变,您手动加上 http://xxx.com/abc.jpg ,那么您本地有多张 abc.jpg 七牛不会自动处理吧,需要自己更名。
    2.写 markdown 的时候的上传图片 -> 手动组合下链接 -> 复制链接粘贴,如果一键复制 markdown 会不会更方便些呢?
    ashfinal
        14
    ashfinal  
       2016-12-26 15:47:18 +08:00
    没用七牛很久了,可能人家改了些什么东西也不知道。不过,只要确定图片链接是可以预知的。以下步骤依然成立。:)

    第一点 **上传前**就已经知道链接了。文件重名还是比较少见,不过需要给每张图片起个比较有意义的名字,避免使用 `屏幕快照 2016-12-26 15.21.07.png` 这样的。这个会比较麻烦些;
    第二点 咳 可能咱们 workflow 不一样,我尽量解释下:
    写 markdown 预览时不用上传图片,本地相对路径就行。像这样:![mypic1.png](../screenshots/mypic1.png)
    手动组合链接 -> 复制链接粘贴这两步没有。写完文章,查找替换**一次完成**。即把上面的 ../ 全部替换成 http://cdn1.qiniu.com/ 。完事了,文章已经可以发布了。
    最后,运行一次 qiniuupload 命令同步所有图片到七牛,网络不好那就等会有空再传。期间顺便把文章写作过程中打开的网页、废弃图片、文件等等清理下。

    对比而言,我觉得“复制链接粘贴”这些步骤反而更繁琐。偶尔粘一两张图问题还不大,但你的 blog 文章可能有 7 、 8 张图,这意味着你需要选择(拖动)图片、等待上传返回、复制链接粘贴等步骤重复 7 、 8 次!还不提中间窗口切换、(娘希匹)网络失败、(莫名其妙)没复制上等小问题。

    整体上,我是倾向于把插图这件事**压后**、**统一**处理。除了上面说的步骤麻烦之外,还有写作情况/需求各异:可能你写到这儿,觉得需要插张图,但是脑海里只有个隐约约的方向,没关系,不要打断思路,先随便放张不存在的图占位,把后面的东西写出来再说;找了张图,不满意啊这,换!再换!再换!咦,这张图最好用 PS 之类的工具处理下,再加些炫酷的注释就更好了!没事儿,反正文章已经写完了,文件名也固定了。有时间愿意修图愿意折腾那就折腾去吧。弄完记得把图片放到同步文件夹就行。

    一不小心写这么多?(#゚Д゚) 我是不是偏题了?!😳 额,总之就这样
    相比而言,每篇文章中可能有很多张图,
    ashfinal
        15
    ashfinal  
       2016-12-26 15:57:08 +08:00
    对了 之前遇到过 有些人其实只是单纯觉得输入 markdown 链接、图片太麻烦了。
    于是我自己加了几个 Sublime Text 3 的 snippet ,基本是一路 tab 键按过去,当时还得意了好半天 🐶
    效果是这样的:
    UnPace
        16
    UnPace  
       2016-12-26 16:56:53 +08:00   ❤️ 1
    xiaoz
        17
    xiaoz  
    OP
       2016-12-27 09:39:14 +08:00
    @UnPace 多谢。
    Kiuber
        18
    Kiuber  
       2016-12-29 15:52:34 +08:00   ❤️ 1
    @xiaozi 可以把本地与七牛点击文字勾选这个用户体验搞搞。。
    xiaozi
        19
    xiaozi  
       2016-12-29 15:56:26 +08:00
    @Kiuber 你 at 错人了
    xiaoz
        20
    xiaoz  
    OP
       2016-12-29 16:14:28 +08:00
    @Kiuber 好的,谢谢建议。
    Kiuber
        21
    Kiuber  
       2016-12-29 16:24:05 +08:00
    @xiaozi @xiaoz 你俩是不是认识啊。。
    xiaoz
        22
    xiaoz  
    OP
       2016-12-29 16:42:05 +08:00
    @Kiuber 不认识
    xiaozi
        23
    xiaozi  
       2016-12-29 17:18:01 +08:00
    @Kiuber 不认识
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1014 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:12 · PVG 05:12 · LAX 13:12 · JFK 16:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.