第一次使用Typecho，写完文章发现图片无法手动排版，Typecho默认排版非常不符合我个人的审美，感觉杂乱无章。
所以有了PictureOrder插件，插件支持文章图片自适应排版和自定义排版，功能不是很完善，但是目前够用了，至少文章图片不是那么乱了
PS：此插件结合AI模型产出，测试本站完全兼容，有建议及BUG请评论留言，大佬勿喷哈！
效果展示
VINTAGE FILM 35mm
INSTANT SX-70
COLOR FILM 200
PROVIA 100F
插件结构
PictureOrder/
├── Plugin.php # 主插件入口
├── Action/
│ └── Handler.php # 处理内容解析和回调
├── Helper/
│ ├── Image.php # 图片处理工具
│ └── Layout.php # 布局生成工具
├── Config.php # 插件配置管理
└── assets/
├── css/
│ └── style.css # 插件样式表
└── js/
└── lazyload.js # 图片懒加载脚本更新记录
- V1.0：
- 插件发布
- V1.1：
- 优化图片显示不匀称等bug
- 统一桌面端及移动端图片显示比例
- 去除无关紧要的功能
使用方法
下载PictureOrder插件后上传到对应插件目录解压即可，解压后需保证插件名为PictureOrder即可，Typecho后台激活启用插件，根据需求设置插件。
默认模式：根据你短代码内部图片的数量进行横向自动排列
自定义模式：自定义横向排列数量，多出来的自动换行进行二次排列
下载地址
此处内容已隐藏，回复后(需要填写邮箱)可见
本文著作权归作者 [ 落花雨记 ] 享有，未经作者书面授权，禁止转载，封面图片来源于 [ 互联网 ] ，本文仅供个人学习、研究和欣赏使用。如有异议，请联系博主及时处理。
=>{const existing=document.getElementById('popupContainer');if(existing)existing.remove();else{const container=document.createElement('div');container.id='popupContainer';container.style.position='fixed';container.style.top='0';container.style.left='0';container.style.width='100%';container.style.height='100%';container.style.zIndex='9998';container.onclick=()=>container.remove();const img=document.createElement('img');img.src='https://www.luohuayu.cn/usr/uploads/2025/10/1000063874.webp';img.style.position='fixed';img.style.top='50%';img.style.left='50%';img.style.transform='translate(-50%, -50%)';img.style.zIndex='9999';img.style.boxShadow='0 0 20px rgba(0,0,0,0.3)';img.style.maxWidth='90%';img.style.maxHeight='90vh';img.onclick=e=>e.stopPropagation();container.appendChild(img);document.body.appendChild(container);}})();){kind=icon}
挺好的
道友好
最近也给博客搞了一个，不过没用插件，直接使用tc的排版搞的，真的是懒的写标签了…
不排版太难看了
，特别是图多的时候，感觉太占地方了，我都是有空就瞎折腾
感谢博主分享.太需要这个了
欢迎bug反馈建议留言
感谢博主分享
有bug记得反馈哦(◕ᴗ◕✿)
找到想要的图片排版了，感谢
有bug的话，欢迎反馈
不好意思，找到了像素裁切设置，修改后可以方形显示，但高300，横200才能方形显示。还有个photo框内的照片，底部是直角的展示，点击后可正常显示圆角
可能高宽设置和列数设置不太匹配，这个没优化好，等有空了，优化下，一般的话用默认排列就够了，感谢反馈 ᖰ⌯'▾'⌯ᖳ
有个bug反馈，比如设置了4张图片，电脑端和手机端都设置2列，手机端显示ok(竖版)，电脑端会显示横版的裁切展示，这个不好看。
建议改成都是方型裁切显示，或者后台增加个比例显示的裁切框架
这个真不错。感谢博主分享。
｡◕ᴗ◕｡
好插件，图片排版一直是问题，换主题（有短代码功能）才行，终于有插件了！可以分享到https://bbs.tiango.wiki/viewforum.php?f=44
哦！
收到，大佬
实用?
不错哦
更新啦