极简图床 XZ pic 更新到 1.1 啦,支持上传到七牛(附源码) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xiaoz
V2EX    分享创造

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

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

    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
      &nbs; 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     Solana     2475 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 15:00 PVG 23:00 LAX 07:00 JFK 10:00
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86