在外地只带了手机,答应当晚出的图文教程差点翻车:我把手机配图这摊事理顺了
一、现场答应了当晚出稿,掏出手机却犯了难
上周六我去隔壁城市参加一个线下技术分享,现场碰到几个常看我博客的朋友,聊到一个挺实用的小功能,他们起哄让我当晚就整理成图文发出来。我脑子一热就答应了,等活动结束、坐上进回程的高铁,掏出来才发现自己只带了手机,电脑根本没在身边。
一篇要配现场照片和操作截图的教程,光靠手机能不能搞定,我心里一点底都没有。那天晚上我就是在晃晃悠悠的车厢里,从一头雾水开始,硬着头皮把手机配图这摊事一点点理顺的。这篇就把当时的经过和最后沉淀下来的办法记下来,给同样会在外面用手机写东西的朋友做个参考。
二、第一张图就卡壳:相册里的图,文章根本不认
我信心满满地在手机上打开写作的网页,先把文字敲了个大概,然后想插第一张现场拍的照片,这一步就直接卡住了。
我在相册里能清清楚楚看到那张图,可写作的地方只让我填一个图片链接,没有“从相册选择”这回事。我对着相册发了半天呆,才反应过来一个一直被我忽略的事实:相册里的图只是躺在我自己手机里的一个文件,它没有一个大家都能访问的地址。 我自己能看,是因为手机读的是本地文件;可文章是发在网上的,别人的手机、网站的服务器,谁都够不到我这台手机里的东西。
想明白这一层我就懂了,要让图出现在文章里,得先把它从我的手机送到一台联网的服务器上,让服务器给我一个公开地址,再把这个地址填进文章。缺了“上传”这一步,光在相册里翻来翻去是没用的。
三、硬着头皮找路子:我最后是怎么把图送上去的
道理懂了,可手机上到底怎么传,我还是边走边试。我没去折腾那些复杂的系统自动化,就用最朴素的办法:在手机浏览器里打开图床的网页,从网页上传。
现场拍的那些照片已经在相册里,我就点网页上的上传区域,系统弹出相册选择器,我把要用的几张一起勾上,确认之后它就一张张传,传完直接把每张图的地址列出来。还有几个我当时现截的操作图,截完还留在剪贴板里,这种更省事,我在网页上传的地方长按、选粘贴,截图直接就被送上去了,连相册都不用进。
这套“截图、粘贴”的动作,其实和我在电脑上一直在用的配图习惯是一回事,我之前专门写过:一篇教程要截三十多张图,我把截图传图压成了截图、粘贴两个动作。靠着网页多选和页面粘贴这两下,相册里的旧图、刚截的新图就都有了着落,我全程没再装别的东西。
四、链接还闹了个乌龙:能看到图的网址,贴进去却裂了
传是传上去了,结果我填进文章的第一个链接就出了洋相。我从上传页面复制了一个地址,自己点开明明能看到图,可一贴到文章预览里,那个位置就是个裂图的小图标。
我来回折腾了好几遍才搞清楚区别:我复制的是一个“打开能看到图”的网页地址,服务器返回的是一个 HTML 页面,图只是嵌在这个页面里;而文章要的是图片本身的直链,返回的得是图片。拿一个网页地址去当图片用,它当然显示不出来。
后来我学会了怎么分辨。把链接在新标签页里打开,如果整个页面就只有这一张图、周围干干净净没有网页的边框和按钮,那才是直链;我再把它复制到无痕窗口里打开,能正常看到、不跳登录页,才说明这个地址对没登录的读者也是公开的。回到家我还在电脑上用 curl 看了一眼响应头,状态码是 200、类型是图片,这才彻底放心。
五、一晚上踩平的几个手机专属的坑
那一晚除了链接的乌龙,还连带着撞上好几件只有手机才会碰到的麻烦事,挨个说。
头一个是照片格式。我用手机拍的图默认是 HEIC 这种格式,传到网页上、再到别人那边,好多地方根本不认,贴出去就是裂的。我后来要么在设置里把拍照格式改成通用的 JPG,要么上传时让它自动转成 JPG,才没再出问题。再一个是浏览器,我一开始图省事,是在聊天软件里点开的内置浏览器里操作,结果它对粘贴、对新标签页的支持都怪怪的,链接还容易出岔子,我赶紧退出来,单独打开系统自带的浏览器才顺。
还有就是手机会偷偷把后台的页面收走。我中途切出去回了几条消息,再切回来,之前那个上传页面已经被系统回收了,上面的记录也找不到。打那以后我每传完一张,就立刻把地址复制走、贴进文章,绝不指望过一会儿还能回那个页面找。另外在高铁上网络不稳,传大图特别容易断,我都是挑信号好的时候、或者连了 Wi-Fi 再传,遇到特别大的素材,就先在手机上处理一下再发。
六、后来我固定下来的手机配图规矩
那晚紧赶慢赶,总算在睡前把图文发了出去,读者那边也都正常看到了图。经过这一回,我把在外面用手机写稿的配图流程固定了下来,后来再用就没再翻过车。
我的规矩其实很简单:开工先在系统浏览器里打开上传页面,把相册里的照片和剪贴板里的截图都传上去,现场把公开地址一个个取走;填进文章之前,先在新标签页和无痕窗口里确认它是图片直链、对所有人公开;再把图按段落贴好,全程不碰聊天软件的内置浏览器,也不依赖会被收走的后台页面。
这里多说一句,这套打法并不挑具体是哪一家。只要能稳定给出公开直链、支持在网页上多选和粘贴上传,换任何一家图床都能照着做,自己搭对象存储再套 CDN 也是一样的道理。我自己是图省事,习惯把手机和电脑上的图都收拢在图床小镇里,这纯粹是个人用顺手了,换个满足同样条件的服务,这套规矩照样跑得通。顺带提个我后来才注意的细节:重传图的时候要分清是“覆盖”还是“新增”,不然容易越传越乱,我在这篇里记过教训:客户说文档里的截图还是旧的,我重传了三遍才发现:我一直在“新增”而不是“覆盖”。
回头看,那晚最大的收获不是赶在 deadline 前把稿子发出来,而是彻底搞明白了手机配图的逻辑:图得先上传拿公开地址,确认它是直链,再把这套动作固化成习惯。把这几件事理顺,哪怕出门只带一台手机,也能稳稳把带图的文章写出来。
浙公网安备 33010602011771号