茶无味的一天

前言这篇文章将简单回顾一下「迅排」目前为止的整个发展历程，对开源项目和企业付费产品做一些阶段总结与未来计划，最后聊聊 saas 平台发展规划以及公开我做网站的开销。 大家好，这里是茶无味的一天。 去年我突然决定裸辞，褪去天命打工人的身份，想拿出一两年时间来专注做一件自己想做的事情，开始了昼夜狂奔的工作模式。由于大部分时间都在搞开发，所以姑且就称自己为独立开发者吧。 时光荏苒，转眼间我就踉跄的踏入了 2025，无论成败，也必须对过去一年稍微做下总结了。 新年伊始，独立开发的道路即将走过第一个年头，这一年中我的故事围绕着「迅排设计」在展开，所以这篇文章就带大家回顾下这个项目的发展过程。 拉开序幕三年前的一天，领导让我仿造一个稿定设计，这对于程序员来说实在太过陌生，我就说先去搜一下看看，然后傻眼了，当时只觉得这根本就是不可能完成的任务。 过了几天领导又来问，表示无论做成啥样都行，我说试试吧。于是就开始了全世界的统一操作：打开 Github，看看有没有现成的项目，拿来改改然后交差（何同学工作室点头表示这个我们熟）。还没来得及为自己的机智窃喜，我又傻眼了，当时搜遍全网后发现，开源的项目都是功能 ...

hello 大家好，这里是茶无味的一天。有快两个月没写文章了，这段时间里迅排设计做了不少功能更新，许多小的细节完善和优化就不写出来了，挑些值得一看的亮点做次简单的分享~ 平台一些升级现在每周都会抽出一些时间制作和上新模板，截至目前官网更新了 500+ 模板与组件，全部免费使用！首页也进行了一些改版，增加推荐页面，模板覆盖手机海报、公众号、小红书封面配图、电商主图、宣传画册和简历制作等，方便大家各种日常做图需求。 无论其它页面如何延展和改变，编辑器界面永远是最为核心的部分，让每个访问网站的新人快速熟悉布局是非常有必要的。 编辑器功能更新 为元素增加了浮动工具条，一些快捷操作更方便了，后期也会丰富更多功能。 现在可以直接输入公众号来生成二维码，私域引流类海报不用频繁上传物料图，方便省心。 后台的一个图库检索工具，现在也加入到编辑器当中了，方便用户做海报可以随时搜索配图照片，都是免费可商用并且高清无水印的，支持快捷下载或导入当前画布中。 画布元素增加了几个图表组件，支持柱图、饼图、玫瑰图、折线图，先打个样然后出了几张模板，很多细节还没仔细琢磨，看后期反馈和市场需求再考虑深入 ...

宣传画册是企业产品推广和销售中不可或缺的一部分，它不仅仅是传递产品信息的工具，更是展示企业、提升品牌形象、加强与客户沟通的重要媒介。 之前我也碰到别人问我要迅排设计的产品功能文档、手册之类的东西，一方面是实在没时间做，另一方面是编辑器也基本具备实现画册编辑的能力，想到时开发完再顺手做份产品手册出来。而现在，迅排设计已实现相关功能，只需要套用模板便可开始制作精美的画册了： 在迅排设计的编辑器基础上实现画册编辑并不难，有几个基础功能点是必备的，其中最基础的就是多画板功能，它相当于画册的分页，可以方便在主画布中切换编辑。 此次更新中完善了多画板的细节，支持了拖拽排序，可随意调整改变位置，增加了右键功能菜单和按钮，现在每个画板也都支持单独命名了；同时优化了之前的删除逻辑，只在剩下最后一个画板时删除才会变为清空，这样更合理；同时也支持对画板快速拷贝副本，可以快速创建出多个排版相同的页面，方便高效地进行内容创作。 另一个功能就是 PDF 文档下载。 PDF 是一种应用广泛的格式，它相较于其它常见文档在跨平台兼容性上表现更好，同时可以展示复杂的排版，因此非常利于网络传输和存储，是商务文档、 ...

大家好这里是茶无味的一天，今天来聊一聊迅排设计的移动端版本，目前已经上线了一段时间了，欢迎大家前来体验。 我其实之前确实是想着当一个新项目来开发的，但是最后还是放弃了（笑） 有点难朋友们，高估自己了，移动端的交互细节确实和键盘鼠标操作完全不同，理论上共用一套代码是不科学的，但在深思熟虑之后我得出一个结论：手机上并不适合做编辑器，或者精说细化的编辑操作，同时考虑到产能问题，最终我还是将移动端彻底边缘化，其作为使用场景与 PC 端有所区分的产物，只能说聊胜于无吧，总之移动端版本的定位就是一个重要的出入口，但功能性不高，精细化编辑最终还是要落在 PC 端。 我将项目中模板列表页面和编辑器页面复制粘贴出来进行了一番修改，甚至都不是一个新项目，只是新增了两个路由。大概一周时间做完了这个移动端版本，组件大部分都是与 PC 共用的，Moveable + Element-UI 撑起一片天，是的，甚至连移动端 UI 框架都不带着玩。 移动端自适应的部分则通过 vue-router 和计算属性结合判断来修改，另外有一些 MouseEvent 事件也改成多端通用性更强的 PointerEvent 事件来做 ...

hello，这里是茶无味的一天。 真的太久没有更新了，这段时间呢其实我已经全职在做独立开发，额…其实用通俗的话讲就是不想上班然后选择成为一名灵活就业人员（正经脸）。上一次发文还是在 4 月份，当时我说正在做迅排 plus 版，于是就这么闷头敲代码从不去数日子，转眼间就已经过去半年多，时间真是把杀猪刀啊，我还总感觉 2024 年才开始没多久呢。 去年 7 月的时候，我开源了一个在线图片海报编辑器项目，名为迅排设计，而距离正式开源这个项目也已经过去一年多了。 如果你不清楚这个项目是做什么的，可以查看我往期文章介绍，或者访问在线网站亲自体验项目，源码 Github 仓库：https://github.com/palxiao/poster-design 在过去一年中开源项目增长了不少 star，前段时间发现竟然还登上过一次 Github Trending 全站热门，仰仗各路技术人和自媒体人自发地为项目宣传，让更多人了解到我的项目。期间前来咨询我项目问题的人更是络绎不绝，也让我开始思考如何去做商业化版本，在打磨了一段时间后，今天正式官宣商业版已上线：迅排设计 Plus（官网地址：plus. ...

Hello，大家好，这里是茶无味的一天。 最近这段时间，又见到一些开源图片编辑器的新面孔了，可谓是勃勃生机万物竞发，让我不禁感叹这条赛道是越来越卷啦~ 记得两年多前我刚开始接触编辑器开发的时候，还并未想到最终会开源。彼时翻遍开源社区也没有一个功能完善的项目，所以只好自己硬着头皮摸索、一点点开发，才有了如今的迅排设计。 在这里也重新宣传下，我的愿景是打造功丰富又强大的一套在线设计工具，虽然只是一个小前端，但是界面细节也是精益求精，在我的个人审美里，颜值也还算可以的。欢迎老朋友持续关注更新动态，新朋友给项目点点 Star 加速更新呀~ 迅排设计官网 | Github 开源地址: palxiao/poster-design 回到正题，我也有段时间没更文了，期间都在完善自己的开源编辑器项目，接下来就向大家汇报下目前的开发进展，一起来看看迅排设计近期都有哪些更新吧~ feature首先是令人一颗赛艇(exciting)的新功能展示😁 支持多画板 在开发初期并未设计该功能，所以支持多画板就必须破坏原先设计的数据结构。 此外由于需要展示画布缩略图，Widget 元组件携带了太多业务逻辑，无 ...

我们都知道 puppeteer 是比较占用 cpu 和内存的，迅排设计采用从服务端截图的方式来生成图片绕不开一个问题：启动消耗会比较大。因此有些朋友会担心服务器是否能够承受住压力，这篇文章就用实验和数据来解答这个疑问。 本服务代码均有开源，可前往 Github 仓库查看。代码里做了异步队列、并发阈值限制和熔断机制等处理，当然你也可以自行开发实现，源码仅供参考。 下面我们通过使用专业接口测试工具 Jmeter 以及可视化工具对性能和功能分别进行验证。 并发测试以下使用软件为 Apache JMeter (5.6.3) 进行压力测试，测试服务器配置为 1 核 2G 内存，图片生成服务设置并发数上限为 2 个，熔断阈值为 20 个任务。 经过 Jmeter 测试后汇总结果如下所示，其中接口异常率为 0%，这表明即使在极低配置下的服务器依然能扛得住极高并发请求： 1000 并发时响应结果时间呈梯度上升趋势，预期完成 20 个任务，实际有 39 个任务成功返回图片生成结果。 其它任务则是被熔断了，此时用户在前台会接收到友好的提示： 功能测试除了并发压力测试，我们继续使用可视化工具来进行功能 ...

上周接着优化我的设计器项目，其中复制粘贴这个小功能就花了大约两天时间，修复了一些问题，并且优化了使用上的体验，这篇文章就简单聊聊此功能的心路历程。 CV 是很常见且使用频率较高的快捷操作，本项目中复制粘贴的使用场景主要有以下几种： 直接粘贴文字 直接粘贴图片 复制画布中的元素粘贴 在编辑文字组件时粘贴文本 第三种项目中已经实现，最后一种是系统剪贴板自带的功能，不需要实现，主要实现的是前面两种，也就是读取系统剪贴板的操作。 我们可以使用 Clipboard API 来调用剪贴板，调用时需要明确获得用户的许可。 系统剪贴板是属于托管浏览器的操作系统的数据缓冲区，用于文档或应用程序之间的短期数据存储或传输。事件是由于 cut、copy、paste 操作修改剪贴板而触发的。另一个访问剪贴板的方法：document.execCommand() 已被标记为弃用。 Clipboard API 的所有操作都是异步的，返回 Promise 对象，不会造成页面卡顿。而且，它可以将任意内容（比如图片）放入剪贴板中，以下是简单的读取和判断代码： 12345678910111213141516171 ...

简介迅排设计是一款漂亮易用且功能强大的开源创意图片编辑器，是对标稿定设计、创客贴、Canva 等商业产品的免费在线设计工具。适用于多种场景：海报图片生成、电商分享图、文章长图、视频/公众号封面等，无需下载软件即可轻松实现云端编辑、迅速完成图文排版。 在线 Demo | 文档网站 | Github 开源地址: palxiao/poster-design 前言这是一份“开源”工作日志，记录了项目在每周有哪些更新或完善，包括长期与短期计划，思考与反思等等。 查看往期周报：掘金专栏 周记摘要（第2周）部分 Vue3 升级与 TypeScript 代码重构并入主分支，涉及文件改动百余个，改动了较多代码，v1.0.1 版本稍稍延后。 知识星球创建完成，目前定价 68，有人付费后跟我说太便宜了。。现在星球还没啥内容呢，慢慢来😅 月度目标（3月） 4月1日前完成第一版迅排 Plus 开发（里程碑） 完成迅排 Plus 官网开发：plus.palxp.cn 完善和修复一些较明显的问题，尽早推出 Release 版本，不要开发新功能，不要开发新功能，不要开发新功能 本周工作screen ...

本文首发于公众号：品味前端，作者：茶无味de一天。 简介迅排设计是一款漂亮易用且功能强大的开源创意图片编辑器，是对标稿定设计、创客贴、Canva 等商业产品的免费在线设计工具。适用于多种场景：海报图片生成、电商分享图、文章长图、视频/公众号封面等，无需下载软件即可轻松实现云端编辑、迅速完成图文排版。 在线 Demo | 文档网站 | Github 开源地址: palxiao/poster-design 前言这是一份“开源”工作日志，记录了项目在每周有哪些更新或完善，包括长期与短期计划，思考与反思等等。 查看往期周报：掘金专栏 周记摘要（第1周）这是我更新计划的第一周，先简单写写。本周的主基调是代码重构，以及修修改改。 基本确定了 plus 版定价方式，以及下周推出针对帮助开发者的知识星球。 月度目标（3月） 4月1日前完成第一版迅排 Plus 开发（里程碑） 完成迅排 Plus 官网开发：plus.palxp.cn 完善和修复一些较明显的问题，尽早推出 Release 版本，不要开发新功能，不要开发新功能，不要开发新功能 本周工作升级了 Vue3 版本，此前项目中存在 ...