很多人写教程、批量截图的时候,图片直接命名: post-931-1.png post-931-2.png post-931-10.png
看着好像没问题,但在Windows资源管理器、对象存储OSS/COS后台、WordPress媒体库里,按文件名排序之后顺序就乱了。
最终排序会变成:
- post-931-1.png
- post-931-10.png
- post-931-2.png
你预期的顺序是1→2→10,但是电脑不是按数字大小来理解文件名,它是一个字符一个字符依次对比(字符串排序)。
原理
电脑读取文件名,是逐个字符对比: post-931-1,后面第一个字符是1 post-931-10,后面第一个字符也是1 post-931-2,后面第一个字符是2
字符编码里,1是小于2的。 只要开头是1,不管后面还有没有数字,都会全部排在2前面。 所以10会跑到2前面。
解决办法:序号前面补0
写成两位数:01、02、03 ... 10、11
post-931-01.png
post-931-02.png
post-931-10.png
电脑排序结果:
- post-931-01.png
- post-931-02.png
- post-931-10.png
顺序完全和教程步骤保持一致。
怎么确定补几个0?
- 单篇文章图片少于100张 → 两位
01~99(绝大多数教程够用) - 单篇文章超过100张 → 三位
001~999
博客/对象存储场景额外好处
- OSS/COS后台管理图片,步骤顺序不乱,批量删除、替换图片不容易搞错;
- 上传WordPress媒体库,媒体库列表排序正常;
- 命名规则统一,以后写所有教程都可以沿用这套规范。
小结
只几张截图的时候,写1、2、3看不出问题。一旦图片数量超过9张,字符串排序就会打乱顺序。 养成补零的习惯,提前规避这个坑。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END



暂无评论内容