更新日志
查看 Pixorla 各版本的新功能、改进与修复。
v1.48.0
注册入口与帮助中心扩充这一版把进门的第一步降了下来——落地页与广场页可直接进入注册,帮助中心也整理得更一目了然。
新功能
- 落地页与广场页顶栏新增「注册」入口,点击直达注册页签。注册仍需邀请码,桌面端与移动端菜单均可使用。
体验改进
- 帮助中心目录重新梳理,新增「常见问题」与「更新日志」两个页面,搜索与相关文章推荐同步优化;另新增一篇排查文章《Opera 中视频背景出现跳到结尾按钮怎么办》。
修复
- 编辑器视频背景改为脚本驱动播放,修复部分浏览器中视频一直停在第一帧不动的问题。
v1.47.0
视频背景与深色模式壁纸编辑器背景这一版活了起来——可以是静音循环播放的视频,深色主题也能配上合适的壁纸。
新功能
- 编辑器背景现在可以是视频,静音循环播放。背景设置内置一组来自免费素材站的推荐视频,可一键用作亮色或暗色背景,并附更多视频直链来源入口。
- 除上传图片外,现在也可以直接粘贴 https 图片或视频直链,立即应用为编辑器背景。
- 可为深色主题单独指定一张暗色壁纸;只设置亮色图片时,深色模式会按可调强度自动压暗(也可关闭)。设置面板提供亮 / 暗双列预览,方便对照调整。
- 资源页新增「视频 / 音频素材」分类,首批收录 Mixkit:Envato 旗下的免费视频片段、音乐与音效库,免注册可商用。
体验改进
- 视频背景新增播放速度滑杆(0.25×–3×),亮色与暗色壁纸可分别设置。
修复
- 修复:再次点击已选中的平台默认背景或推荐视频即可取消该位,此前背景一旦选中便无法取消。
- 修复:HTML 编辑器中输入大写字母不再误触发 Emmet 缩写与 SVG 标签补全。
v1.46.5
注册流程与编辑器体验修复这一版让注册更可靠:邀请码不再被失败的尝试白白消耗,邮箱验证能一步走完,编辑器的几处布局问题也已修复。
修复
- 修复:注册失败(如昵称已被占用)不再白白消耗邀请码,修正资料后可用同一个邀请码直接重试。
- 修复:开启邮箱验证后,注册提交会直接进入验证码输入步骤,不再停留在表单提示「请先验证邮箱」;必要时也可从登录入口补完验证。
- 修复:博客列表页卡片链接嵌套导致的页面重建报错;整卡点击进入文章、标签点击进入筛选,互不干扰。
- 修复:控制台收起时不再从预览下方漏出一行多余的工具条,预览区保持完整;控制台仍从右下角按钮展开。
- 修复:离开编辑器再返回时,代码页签与结果页签保持你离开前的选择,不再偶发重置回默认。
- 修复:button*12 这类重复内联元素的 Emmet 缩写,从补全列表回车接受后同样逐个换行,与 Tab 键展开的形态保持一致。
v1.46.4
删号表单不再被自动回填这一版修掉了注销确认表单被浏览器自动填入已保存登录凭据的问题。
修复
- 修复:注销确认中的密码输入框不再触发浏览器密码管理器,避免已保存的登录账号密码被自动填入该表单;两处删号入口均已处理。
v1.46.3
修复账户验证码流程这一版修复了账户安全操作被验证码误拦的问题:改密、设置密码与注册邮箱验证恢复正常。
修复
- 修复:修改密码、首次设置密码、删除账户时,获取或输入邮箱验证码不再报「Captcha required」错误;注册流程中输入/重发邮箱验证码也同样恢复正常。
v1.46.2
GitHub 注册流程简化用 GitHub 注册回归一步到位:点按钮、按提示输入邀请码即可完成,已有账号直接登录。
体验改进
- 账号弹窗中的 GitHub 按钮即时可用,新用户不再需要先填一遍邮箱注册表单:点击后按提示在弹窗中输入邀请码,即可继续 GitHub 授权完成注册。
- 邀请码弹窗提供「已有账号直接登录」入口,已有 GitHub 账号的用户无需输入邀请码。
修复
- 修复:此前新访客在登录页点 GitHub,走完 GitHub 授权后才提示需要邀请码,且页面上没有输入入口;现在改为授权前就弹出邀请码输入。
v1.46.1
登录注册表单体验优化这一版打磨了账号弹窗:输入密码时可随时查看明文、注册少跳一步、错误提示始终跟随站点语言。
体验改进
- 登录、注册与找回密码的密码框右侧新增眼睛按钮,可随时显示或隐藏已输入的密码。
- 需要邀请码注册时,邀请码输入框直接并入注册表单,与账号信息一屏填完,不再多出一步。
- 邮箱未填、格式有误、密码为空等提示改由站内文案统一显示在表单下方,不再弹出语言跟随浏览器的原生提示。
v1.46.0
Expo 移动端创作、作品集并入我的作品与来源标注这一版让编辑器走出网页:用 Expo 模板在手机预览里直接搭建移动端界面,同时作品、合集与创作来源也都归拢到了一处。
新功能
- 在编辑器起始页选择「Expo (SDK 57)」模板,即可在单个 App.tsx 页签里搭建移动端界面。输入时有 React Native 组件的 TypeScript 补全与诊断,预览自动切到手机设备框并随代码即时刷新,保存、Fork 与分享和网页作品完全一致;列表卡片与外链嵌入会显示简洁的 SDK 占位,而不是破图。
- 作品集并入「我的作品」:侧栏可直达,作品卡片菜单与批量栏都能一键加入合集,每个合集还支持自定义封面图。原独立的作品集页面不再单独存在。
- 作品可选填「灵感来源」与「素材来源」:保存时顺手记录,作品页会展示双来源入口,方便跟练的朋友溯源。原「参考来源」字段更名为「跟练教程」,名字更贴切。
- 视频教程详情页会为每个可用来源显示对应平台按钮,镜像视频提供第二播放源——一个源卡顿时可直接切换,无需离开页面。
体验改进
- 预览的桌面 / 平板 / 手机快切会记住每类上次选定的机型:切回该类时直接恢复(含横竖屏与折叠姿势),不再回落到默认机型。
修复
- 深色模式下,预览画布上的设备状态栏与信息条会被环境色洗得看不清;现已改用不透明底色,文字始终清晰。
v1.45.0
作品放大预览、全模式 TypeScript 与个人拾色库这一版让「看作品」和「攒素材」都更顺手:列表卡片一键放大细看,编辑器全模式可写 TypeScript,常用颜色也有了自己的家。
新功能
- 「我的作品」与「收藏」列表的卡片新增放大预览:悬停缩略图点 ⤢,即可在浮层里查看大号实时预览、源码与评论区。「我的作品」的浮层同时是管理入口——顶栏一键进编辑器,切换发布、编辑元数据、分享、删除也都无需离开列表;「收藏」浮层与探索页同款,带作者信息、关注与点赞。
- TypeScript 支持扩展到编辑器全部模式:经典与多页面模式的 JS 页签可直接书写 TS(页签更名为「JS / TS」),预览时自动剥离类型运行。Vue 与 React 框架模板改为双页签——Vue 可在单文件组件与 JSX 两种写法间切换,React 新增 JSX 页签。
- 新增个人拾色库:把常用的颜色存进「我的拾色」,取色转换弹窗里一键取用,在拾色管理页拖拽排序,侧栏也有直达入口。
体验改进
- 编辑器启动时的加载占位改用品牌三点动画,工作区载入期间的观感更统一。
v1.44.0
AI 行内补全、视频教程与入口梳理这一版把 AI 带进编辑器,也带来全新的视频教程频道:看完几分钟的跟做小视频,转身就能在编辑器里复刻同款。
新功能
- 编辑器新增 AI 行内补全:输入时光标处会浮现淡淡的续写建议,一次按键即可采纳。在编辑器设置里配置你自己的 API Key 即可启用(Key 加密后仅保存在你本机浏览器)。
- 账户设置的 Git 备份新增自动备份开关:开启后,每次主动保存作品成功都会把有改动的作品推送到你配置的 GitHub / Gitee 仓库;自动备份失败只会在卡片上提示,不影响作品保存,令牌仍仅保存在本机浏览器。
- 侧栏新增「视频」频道:精选 B 站与 YouTube 上的前端跟做小视频,多为 3–15 分钟的纯 CSS 特效、轮播图等小作品。点开即可站内直接播放,想看弹幕评论也可一键跳回原站。
- 每个视频都接入了跟练清单:一键加入后进编辑器开练,保存的作品会自动关联回这条教程。跟练人数足够多的视频会显示「N 人跟练」,并自动登上「热门跟练」推荐位。
- 视频频道新增「推荐视频」入口:登录后可粘贴 B 站 / YouTube 链接并附一句话理由,把好视频推荐给频道;建议会经审核后上线,重复推荐也有友好提示。
体验改进
- 行内补全更可靠:相似代码行不再串用旧建议,长文件构建上下文时不再丢失光标位置,切换 AI 配置会立即收尾在途请求。
- 未登录时打开编辑器设置的 AI / 图库面板,会看到清晰的登录引导而非空表单,并说明 Key 按当前登录账号保存在本机浏览器。
- 侧栏「拾色」「中国色」入口暂时下线,界面更聚焦;两页的直接链接仍可访问。
- 视频详情页新增播放量展示(收录时点数据,如「5.8万 次观看」),一眼看出教程热度。
- 开发资源页新增一批收录:Iconify、Lucide 图标库,unDraw、Open Peeps 插画,Fontshare 字体库,Motion、Shaders 动效参考,daisyUI、Base UI 组件库,Haikei 背景图形生成器,Squoosh 图片压缩,Realtime Colors 配色,FakeStoreAPI、PokéAPI 等公开 API,One Page Love、recent.design、Lapa Ninja 灵感站,以及 axe DevTools 无障碍检测。
- 设备选择器收录新机型:Pixel 11 / 11 Pro / 11 Pro XL,折叠屏 Pixel 11 Pro Fold(内外屏双档),以及 Galaxy S26 FE。
修复
- 作品评论的开关与社区讨论板拆分:讨论板临时关闭期间,评论的查看与发表不再被误伤。
- AI 服务商目录维护:下架已失效的站点,DeepSeek 预设改用现行模型 id。
- 在编辑器里删除当前作品时,不再短暂闪现「页面不存在」(404):删除后直接进入新的空白会话。
v1.43.0
放大预览、关注作者与评论开放这一版让探索页成为可以停留的地方:作品放大细看、作者可关注、评论可参与,每日精选还会帮你挑出佳作。
新功能
- 探索页的作品可以放大细看了:社区作品与官方示例卡片上的放大按钮会打开全屏浮层——大幅实时预览、标签与日期等元信息,底部左侧评论区、右侧格式化代码区,中间分隔条可拖动调整占比。浮层内可直接点赞、收藏、关注作者;代码区可选显示行号;手机上自动全屏展示。
- 新增关注作者:作品页的作者面板与公开主页均可一键关注 / 取消关注,被别人关注时会收到通知。
- 探索页分区新增「关注」(社区 / 关注 / 官方示例):你关注的作者发布的新公开作品会汇总在这里;未登录时就地说明登录后可见的内容。
- 作品评论正式开放:分享页与放大预览中都可以查看、发表评论,评论数也会出现在作品互动栏。
- 社区分区顶部新增「AI 编辑精选」横条:每日评审从近期公开作品中挑出的佳作滚动展示,逛社区时第一眼就能碰到好示范。
体验改进
- 编辑器页签顺序调整为 HTML / CSS / JS,面板切换快捷键 Alt+1 / 2 / 3 同步改为 1=HTML、2=CSS、3=JS。
- HTML 格式化会把挤在一行的内联 / 空元素序列(如连排的 <i></i>)拆成多行并缩进,script / style 内容原样保留不被重排,规则与放大预览的代码区一致。
v1.42.4
设备信息移入预览顶栏桌面预览的设备信息改在顶栏一行内展示,画布不再被信息条占去一横条,另顺手清理了两个遗留小问题。
体验改进
- 桌面预览时,设备信息改在预览顶栏「结果」标题旁显示:铺满模式实时显示视口宽高,拖动分隔条或缩放窗口即时刷新;MacBook 等桌面机型显示机型名与逻辑尺寸。画布不再为桌面预览保留信息条,预览区域更完整;手机 / 平板预览仍沿用画布内状态栏,交互不变。
修复
- 修复 MacBook Air 等桌面机型完全不显示尺寸信息的问题:此前内部判定把所有桌面模式一律置空,现在顶栏可正常看到机型与尺寸。
- 新建作品时不再把上一次未保存草稿的设计底图带进新作品,避免一开场就垫着旧图。
v1.42.3
保存后资源引用状态更可靠修掉一个偶发的后台小毛病:保存后上传图片的引用状态可能被误判,现已加上自愈重试,不再留这个隐患。
修复
- 保存作品或笔记后,文中图片的引用状态会可靠同步;偶发的内部瞬态错误不再会让上传的资源被误判为未使用而提前清理。
v1.42.2
补全弹窗的图标预览更快出现补全弹窗一打开,行首的小图标预览几乎即时就位——图片在列表渲染前就已提前备好。
体验改进
- 输入图标类名时,补全建议列表里的小图标预览即时出现,不再先空一拍再逐个蹦出来;Font Awesome 在内的所有受支持图标库同样提速。
v1.42.1
博客页介绍文案更清晰博客索引页的开场白改为说人话:讲产品动态与前端实践,不再堆关键词式标语。
体验改进
- 「博客」标题下的副标题改为自然表述,不再把内容限定成 playground 短文一类;中文与英文索引页同步更新。
v1.42.0
官方博客上线:双语文章与文中可跑的示例这一版上线官方博客:讲前端实践的文章中英双语,文中示例直接可跑、可进编辑器继续改,并支持 RSS 订阅追更。
新功能
- 新增「博客」板块(页脚与编辑器侧栏均可进入):文章带封面、标签与标签筛选,索引页分页浏览;长文自带目录、预计阅读时间与相关文章推荐;链接分享到社交平台会生成带配图与摘要的完整卡片。
- 文章里的代码示例是活的:内嵌示例直接在文中运行,点一下即可打开对应作品继续修改;文末还有一键进入编辑器的快捷入口。
- 文章以中英文成对发布:页面提供语言切换入口,选择一次后记住偏好;英文内容另有独立索引页 /blog/en。
- 支持 RSS 订阅:中文(/blog/feed.xml)与英文(/blog/en/feed.xml)各自提供订阅源,阅读器可从博客页面自动发现并订阅追更。
体验改进
- 开发资源页新增「设计灵感」分类,首批收录 Mobbin:真人真机的 iOS / Android 应用界面与流程截图库,做界面设计或前端还原时可直接翻参考。
v1.41.0
Pixorla 新家:pixorla.comPixorla 正式启用 pixorla.com。登录、分享链接、搜索引擎收录与邮件链接全部使用新地址;原 pixorla.design 域名已停用。
新功能
- pixorla.com 成为正式地址。收藏夹记得更新——原 pixorla.design 域名下的旧链接不再有效。
v1.40.0
jQuery 补全与更简单的发布这一版让常用库进编辑器更省心:引入 jQuery 即得完整补全与中文提示;发布选项也做了减法,公开作品一律可保存副本。
新功能
- 在 JS 面板通过 CDN 引入 jQuery 后,即可获得完整的 API 类型补全;悬停文档与参数签名提示均为中文,3.x 与 4.x 版本线都在支持范围内。
体验改进
- 发布更简单:移除「允许他人保存」开关——发布到探索或仅链接可见的作品,访客都可将副本保存到自己的账户,副本自动注明出处;只读提示也改为更直白的「无法编辑此作品」。
v1.39.0
设计底图对照还原,报错一键问 AI这一版让作品更贴近设计稿:预览里叠底图、套参考线照着写;报错一键交给 AI 解释;首页也换上真实可跑的官方 Demo。
新功能
- 预览新增「设计底图」:上传设计稿(PNG / JPG 等图片,不超过 8MB)叠在预览画面下方,调节不透明度、拖动到对应位置,即可逐块对照还原;图片仅保存在本机浏览器,不会上传。桌面「铺满」档不显示底图,选择具体桌面机型即可对照。「视口网格」参考线同屏可用:方格、栏格与三分构图可选,边长、列数、颜色与不透明度都可调。
- 预览控制台的报错条目新增「问 AI 诊断此错误」:一键把报错与附近日志发给 AI 助手,直接得到原因分析与修改建议(需先在编辑器设置 → AI 配置密钥)。
- 首页焕新:Hero 区以打字叙事轮播多个官方 Demo,作品卡片改为沙盒实时渲染——落地即可看到真实可跑的效果,浅色与窄屏下同样协调。
体验改进
- 设备选择器收录新机型:Galaxy Z Flip 8 / Z Fold 8 / Z Fold 8 Ultra 折叠屏(含封面与内屏双档)以及小米、vivo 新机型,安全区参考随之校准。
- 帮助中心扩充:新增「多页面工作区」与「跟练清单」两篇指南,「预览」一文补上缩放、安全区域、设计底图与参考线的用法说明。
修复
- 修复预览就地更新时经典脚本重跑可能报「Identifier has already been declared」的问题——Run 不再因 const/let 重复声明中断。
v1.38.0
预览支持内联事件,AI 助手升级这一版让教程式代码与 AI 助手更顺手:内联事件在预览里如实生效,AI 供应商选项与回答渲染也同步焕新。
新功能
- 预览、分享页与导出的 HTML 现在保留并执行 `onclick` 等内联事件属性,教程风格的代码复制过来即可点按生效;缩略图与对外嵌入页维持原样不执行,桌面端整页预览同步支持。
- AI 设置的供应商目录焕新:新增「千问 AI 平台(Token Plan)」接入项;各家预置模型刷新为当前版本(OpenAI GPT-6、Claude 5.5、GLM-5.3、小米 MiMo 2.6 等),新配密钥不再落到已下线的型号上。
体验改进
- AI 助手回复中的代码块按语言做语法高亮(跟随编辑器当前主题,js、yml 等常见短标注也能识别);`行内代码` 渲染为代码样式,不再是裸反引号。
修复
- 修正 iPhone 17e 的屏幕开孔:按官方图例显示为灵动岛(原先误画为刘海),安全区参考随之更新;网页端与桌面端同步。
v1.37.1
安装包一键直下这一版把安装包真正交到你手上:下载页按钮直接下载当前版本,不再绕路。
体验改进
- 下载页按钮可直接下载当前版本安装包(经 GitHub Releases),不再显示「下载即将开放」;原「分流下载」卡片已移除,桌面端帮助文档同步更新。国内直连可能较慢。
v1.37.0
设备外框真机质感升级,预览新增安全区参考这一版让预览更像真机:外框按机型还原材质与开孔,还能叠加安全区参考线检查布局避让。
新功能
- 预览与桌面端的设备外框全面重做为 SVG 材质化渲染:边框弧度与质感贴近真机,摄像头开孔(刘海、药丸、挖孔、平板前摄)与曲屏边缘按机型如实呈现;桌面端窗口还新增屏内开孔与原生圆角裁切。
- 预览新增「安全区域」参考:按所选设备模拟安全区取值(刘海、圆角、Home Indicator 内缩范围)并显示参考线,视口尺寸保持不变。网页端在预览设置中与外框开关联动,桌面端每个预览窗格可独立开关。
体验改进
- 设备选择器更清爽:合并了 11 组分辨率与开孔完全相同的旧机型、保留最新一代;旧分享与嵌入链接里的机型会自动映射到对应新机型,打开不受影响。
- 桌面端安装包下载渠道统一为 GitHub Releases:下载页不再提供百度网盘分流,展示版本随每次发版自动更新。
修复
- 修复带外框预览中无背景的作品整页露出机身底色的问题,现在以白画布兜底。
- 修复桌面端手机格预览视口与机身错位的问题。
- 修复桌面端窗口较窄时顶栏工具按钮溢出挤压的问题。
- 修复桌面端顶栏悬停提示被窗口边缘裁切的问题。
v1.36.2
编辑器开放桌面预览入口,资源站收录 Pinterest这一版让桌面预览随手可达:编辑器工具栏入口全面开放,资源站也多了视觉灵感库 Pinterest。
新功能
- 编辑器预览工具栏的「在桌面预览」按钮对所有用户开放:点击把当前作品(含未保存改动)同步到 Pixorla Browser 窗口,再点一次断开;popout 等未挂预览上下文的窗口暂不显示。
- 资源站「图库」分类收录 Pinterest,并置入「推荐」区:按关键词搜集视觉灵感,适合为落地页配色、排版与情绪板找参考(Pin 版权归原作者,国内访问可能受限)。
体验改进
- 帮助中心桌面端文章补充 macOS「已损坏,无法打开」的解决方法:终端命令以代码块展示、支持一键复制;「下载与安装」一节可直接前往下载页。
v1.36.1
安装包先行开放:网盘与 GitHub 镜像分流官方直链开通之前,Pixorla Browser 1.0.0 的四个安装包已经可以先下到手:国内走百度网盘分流,海外走 GitHub Releases 镜像。
新功能
- 下载页新增「分流下载」卡片:百度网盘四个安装包分享(提取码随行显示),以及免登录直达的 GitHub Releases 海外镜像(全部平台安装包)。
v1.36.0
桌面预览客户端与下载页这一版把作品带向桌面:Pixorla Browser 的下载页、全站入口与首页展示一并就位,静待下载通道开放。
新功能
- 新增「桌面预览」下载页:macOS、Windows、Linux 安装卡片自动高亮当前系统,并附未签名应用首次打开的引导说明。下载通道开放之前,安装按钮暂显示「即将开放」。
- 顶栏与移动菜单新增「桌面预览」入口,页脚同步增加链接;帮助中心新增桌面端文章,覆盖下载安装、首开引导与常见问题。
- 首页新增桌面预览展示区与一张功能卡:直观看到在独立的 Pixorla Browser 窗口同时盯多个视口、改动即时同步(含未保存内容)的样子——编辑仍在网页完成。
v1.35.1
补全提示更跟手,速查不出编辑器这一版让提示跟着输入走:图标、字体第一次就能选对;新增编辑器内速查弹窗,快捷键与 Emmet 缩写随手可查。
新功能
- 编辑器工具栏新增键盘图标按钮,点开即可速查:默认与内置快捷键、支持即时搜索的完整 Emmet 缩写词典(输 max 就能找到 maw → max-width),以及占位文本、随机图、网页字体、图标类名、CSS 重置等平台快捷指令。每个页签底部都链到帮助中心的完整说明。
体验改进
- 在 Font Awesome 的 class 里只输图标名(还没有 fas、fab 这类样式类)时,过去会提示看似正确、实际不显示的图标类——图标字体只随样式类加载。现在改为提示样式类本身,选中后连同已输入内容一起插入:输到 fa-y 选 fab,一步得到「fab fa-y」。样式类写在图标类前后都有效,单独的 fa 也算合法样式;其他图标库行为不变。
- 在 font: 简写里写字体名现在也有提示了:输完字号(如 font: 16px)后继续输入,会像 font-family 一样弹出候选,包括作品里已导入的字体;还在输字号、行高,或使用 caption 这类系统关键字时不会误弹。
修复
- 修复在 font-family 值里先输入引号、再在引号内打字体名时字体提示不出现的问题。现在引号内输入同样会给出候选,选中多词字体(如 Times New Roman)也不会再套一层多余的引号。
v1.35.0
跟练支持多页面模式跟练开练时可以按教程需要选择工作区形态,删除作品后的收尾也更干净。
新功能
- 跟练清单的「去练习」现在可以选择工作区形态:主按钮照旧进入经典三栏,下拉里可改用多页面模式开练。练完保存仍会自动关联回清单条目。
修复
- 修复在作品页删除当前作品后停留在 404 页面的问题。现在删除后会直接回到编辑器,并以相同的工作区形态开启新会话。
v1.34.1
多页面预览修复这一版让多页面作品的预览恢复稳定可用。
修复
- 修复多页面作品预览可能提示「Preview session expired or unknown」无法打开的问题。现在点击运行后预览稳定可用,站内页面之间的跳转也正常。
v1.34.0
多页面作品与跟练清单这一版让作品从单页长成多页站点,也让「想练的教程」有处安放。
新功能
- 新建作品时可在经典三栏与全新的「多页面」工作区之间二选一。多页面模式带真实文件树:新建、重命名、复制、删除文件和文件夹,拖入图片(上传到你的图床),并在多个打开的文件间用标签页切换。点击运行不再是渲染单页,而是把文件当成一个真实的小型站点——自己写的页面之间链接可以真正跳转。多页面作品同样支持完整的能力链:分享链接、Fork、单作品导出与账号导出都会带上整棵文件树。
- 新增「跟练清单」,收藏想练的教程:粘贴视频或图文链接、加一句备注,可按标题、备注或链接搜索。每个条目都有「去练习」入口,打开编辑器时自动带上教程来源;练成保存作品后,条目会关联到你这次的作品。练没练完始终由你手动标记,也可以撤回。
修复
- 保存请求卡住时不再永远显示「保存中」:超时后会给出明确提示,方便重试。发版后停留在旧标签页里的保存失败,也会明确提示刷新页面,而不是笼统报错。
v1.33.0
HTML 彩虹标签与彩虹括号这一版让编辑器里的嵌套结构更好认:配对的标签与括号一眼能分清,还可选轻微光晕。
新功能
- HTML 面板可按嵌套与兄弟关系给标签上色,开闭标签同色、更易配对(对齐 Rainbow HTML)。可在编辑器设置中开关。
- HTML / CSS / JS 面板按嵌套深度给 () {} [] 上色,并显示括号引导线;可选轻微霓虹光晕(带缓慢呼吸)。均在编辑器设置中开关。
v1.32.0
预览内置 DevTools 与放大查看这一版把排查搬进预览:查结构、试样式不用跳出页面,细节太小还能放大看。
新功能
- 预览新增「元素」面板,与控制台并排放在底部:展开 DOM 树浏览结构,选中节点可查看命中的 CSS 规则与计算样式;行内改值、删除或临时禁用某条声明会立即反映到预览——这些改动只作用于预览,不会改写源码。面板与「检查」模式互相联动,运行刷新后仍定位到选中元素;树节点可一键跳到对应的 HTML 标签或 CSS 选择器,底部面板收起后也有悬浮按钮随时唤回。
- 预览工具栏新增「放大」菜单,可放大到 125% / 150% / 200% 查看阴影、描边等细节,超出预览区的部分可滚动查看;Fit 与 100% 入口常驻,一键回到原始大小。手机和平板设备上为纯视觉放大,页面布局与响应式断点不受影响;响应式预览的 +/- 微调同样支持放大到 200%。
体验改进
- 桌面「铺满」预览开放缩放:改变比例时页面逻辑视口随之变化,响应式断点按缩放后的宽度生效,方便核对断点附近的布局。
v1.31.0
CSS 选中行一键注释与更全的动效属性补全这一版继续打磨 CSS 手感:选中就能注释,写过渡与动效时属性提示也更跟手。
新功能
- CSS 面板中选中一行或多行后,直接输入 // 或 /* 即可整段注释,再输入一次取消注释。
体验改进
- transition、transition-property 与 will-change 的取值提示补齐了常用可动效属性,如 padding、gap、font-size 等。
修复
- 写 conic-gradient() 等函数内的逗号列表时,尾逗号后按回车会换行续写下一项,不再直接跳出右括号。
v1.30.0
字体多选、更全的 Google 字体目录与更顺滑的预览这一版让字体挑选与预览都更快:一次选多个字体、目录更全,改样式时预览几乎无闪烁。
新功能
- 字体弹窗现在可以连续勾选多种字体,确认后一次插入;同一来源的字体自动合并为一条引用,代码更干净。
- Google 字体目录改为实时拉取:覆盖全量字族、按热度排序,并支持用别名搜索。
体验改进
- 预览在外部资源不变时原地刷新,修改样式后几乎没有闪烁,刷新也更快。
- CSS 补全为 backdrop-filter 补齐了模糊、亮度等取值提示。
修复
- 修复在新会话或另一台设备续写草稿时,可能误报版本冲突的问题。
v1.29.2
CSS 逗号列表回车可换行这一版让多层阴影、字体列表这类 CSS 更好分行写。
修复
- 写 box-shadow、font-family 等逗号列表时,逗号后按回车会换到下一行继续写,而不是跳到分号后面。
v1.29.1
开发资源收录 React Bits这一版让 React 动效组件更容易从资源页找到。
体验改进
- 开发资源页「UI 组件库」收录 React Bits:可复制粘贴的 React 动效组件,覆盖文字、背景与 UI。
v1.29.0
折叠预览、更多预览机型,改代码时画面更稳这一版预览更贴近真机:折叠双屏能对,常用国产机也进了列表,改完代码画面更稳。
新功能
- 手机设备新增书本折机型:Galaxy Z Fold 7、Pixel 10 Pro Fold、华为 Mate X6、荣耀 Magic V3、iPhone Duo。列表会标「折叠」并列出封面与内屏尺寸。选中后工具栏「折叠 / 展开」可在两档之间切换;旋转照常可用。iPhone Duo 封面保留灵动岛,展开内屏不再挖孔。
- 预览设备补上本周新品:华为 Pura X View(阔直板,列表带角标)、Pura X Max 与小米 18 Fold(封面/内屏)、iPhone 18 Pro / Pro Max,以及 MatePad Air 12" 和小米平板 9 Pro Max。
- 预览手机补上了华为 Mate 80 / Pura 90、小米 15 Ultra、OPPO Find X9 Pro、vivo X300 Pro、荣耀 Magic8 Pro、一加 15 等现款,以及 Mate X7、MIX Fold 4、Find N5、X Fold5、Magic V5 等折叠机。平板新增 MatePad Pro 13.2"。
体验改进
- 预览背景色可调透明度。书本折展开后中缝改成两条细线,颜色、透明度和显示均可调。点预览空白(含机型屏幕)即可收起配色弹层。多设备预览同一套。
- 设备名称和尺寸单独占一行。点「竖屏 / 横屏」即可旋转,不再单独放一枚旋转图标。折叠和截图仍留在工具栏。
- 多设备预览打开设备外框时,槽位不再套一层卡片边框和底色,机身直接落在工作台画布上;关掉外框后矩形视口框会回来。
- 关掉设备外框后,折叠机内屏中缝仍会显示;可用折叠缝开关单独关掉。
- 手机和平板视口不再显示桌面滚动条,开不开设备外框都一样。滚轮和触控板仍可滑动。桌面预览保留滚动条。
- 预览工具栏改为图标为主:检查、放大镜、截图、设备外框和折叠缝不再跟文字挤在一起;预览主题收进「预览环境」弹出层,窄栏也不容易换行。
- 探索「最新」改为按发布到广场的时间排列。先写再公开的作品会排在前面;只保存修改不会把旧作品顶上去。
修复
- 改代码后预览刷新时不再整页闪一下,等新画面准备好再切过去。
- 多设备预览在设备信息单独成行后,机身高度不再被压扁。
- 设备外框屏幕四角不再漏出白边,机身外侧弧度保持。
v1.28.1
CSS 补全后光标停在该写的位置这一版把下一笔留给你:选中函数或 @keyframes 后,光标停在括号或块里。
体验改进
- 补全 linear-gradient、rgb、color-mix 等 CSS 函数时,只插入空括号,光标停在中间,不再带上 180deg、#000 这类默认值。SVG 的 matrix、translate、skewX、skewY 同样如此。
修复
- 在 CSS 选中 @keyframes 后,会插入带换行的块;录入动画名再按 Enter 或 Tab,光标落到 { 后面的新行。
v1.28.0
开发资源新增 UI 组件库与图库外链这一版让常用组件库和头像素材更容易从资源页找到。
新功能
- 开发资源页新增「UI 组件库」分类(shadcn/ui、Ant Design、HeroUI、vxe-table 等),图库亦收录头像与图标形变站点。
v1.27.1
transition 先写时长也能补全,类名和 id 引用更准这一版把 CSS / HTML 补全再对齐日常写法:先写时长、按标签收类名、引用已有 id。
体验改进
- 在 CSS 写 ul. 时,补全会优先给出 HTML 里该标签已有的类名;Emmet 不再抢在前面。
- 在 HTML 写 label 的 for,或 aria-labelledby、aria-controls 等属性时,可补全当前作品里已有的 id。
修复
- 在 CSS 里写 transition 时,即使先写下 0.5s 再输入 trans,也会出现 transform 等属性建议。
v1.27.0
StyleX 与 Panda 模板,JSX 标签更好补这一版让编译期样式能直接在网页 Fiddle 里试,写 JSX 时标签也更好补。
新功能
- 空态 chip 或「新建」可选 StyleX、Panda。样式写在 JavaScript 栏,运行后出现在预览里;CSS 栏只放全局样式。这两类包不能从 CDN 搜索插入。导出网页或 ZIP 会先编译,失败则取消并提示。
体验改进
- 在 React、StyleX、Panda 的 JavaScript 栏,写完 return ( 后补全会给出 div 等 HTML 标签,按 Enter 即可插入。
v1.26.2
Vue / React / Preact 导入补全更全这一版让写框架导入更顺手:括号里能列出常用 API,手写引入也能补全。
体验改进
- JavaScript 面板从 vue、react、preact 导入时,补全会列出更多常用 API(如 watch、useReducer)。手写引入或 import map 的稿同样有效,不必先选框架模板。
v1.26.1
SVG 补全不再塞占位,写完属性值 Enter 跳出引号这一版让 HTML / SVG 写起来更顺:补全不再塞废参数,写完属性值按 Enter 就能接着写下一个。
体验改进
- 补全 SVG 的 rotate、scale 时只插入空括号,光标停在中间。路径弧线命令 A / a 也只插入命令字母,不再带上 rx、cy 这类占位名。
- HTML 面板里写完属性值后按 Enter,光标会移到闭引号外且不换行;值中间或空引号仍换行(Shift+Enter 始终换行)。
v1.26.0
HTML 更快加注释,Emmet 多行缩进也对齐了这一版让 HTML 面板加注释像 CSS 一样顺手,用 Tab 展开多行 Emmet 时缩进也会跟住当前行。
新功能
- HTML 面板在行首(可含缩进)输入 //,会变成 <!-- -->,光标停在中间,用法与 CSS 面板的 // 一致。
修复
- 用 Tab 展开多行 Emmet 缩写(如 div*3)时,每一行都会对齐当前行缩进,光标落点也正确了。
v1.25.0
桌面预览按需开启,点击与输入也会跟上这一版让桌面预览默认关闭、由你决定何时连接;网页预览里的点击和输入也会出现在桌面视口,窄预览栏上的工具也不会再挤成一团。
新功能
- 「在桌面预览」默认关闭,只有手动点开才会连接;再点可断开。进入编辑页或新建草稿都不会自动连上。工具栏图标也会区分已连接与未连接。
- 编辑器预览里的点击和输入,现在也会同步到桌面视口。
体验改进
- HTML 面板按 Ctrl+.(Mac 为 ⌘+.)会直接弹出顶部输入条:键入任意标签名后回车即可外包;确认后会选中标签名,可立刻再改。Esc 或点击外部取消。「移除此标签」仍在快捷修复与右键菜单里。
修复
- 预览区变窄时,工具栏图标会换行显示,不再叠在一起。
v1.24.0
桌面实时预览与多作品标签这一版让预览走出网页:本机桌面应用开着时,改动能即时出现在多视口里。
新功能
- 预览栏新增「在桌面预览」。本机已打开 Pixorla Browser 时,未保存或私有作品也能实时同步到桌面多视口;桌面未开时,已保存且非私有的作品会打开云端快照。
- 每个作品对应一个桌面预览标签;在编辑器里换作品时,会切到对应的预览标签。
v1.23.0
Vue 模板补全,以及 React / Preact 的 JSX 标签这一版让框架起步稿更好写:Vue 的 HTML 栏能跟上交给模板的名字,React / Preact 的 JS 栏能补 JSX 标签和属性。
新功能
- Vue 起步稿的 HTML 面板会补出交给模板的变量和方法,可在 {{ }}、:width=、@click= 里直接选。标签上还会补 :width、@click、v-if、插槽和 .prevent 等修饰符;JS 里注册的自定义指令也会出现。未交给模板的名字不会进列表。
- React / Preact 起步稿的 JS 面板会补出 button、circle 等 HTML/SVG 标签,以及 className、onClick、strokeWidth 等 JSX 属性。你自己写的组件名不套这张表;Vue 仍在 HTML 栏补全。
v1.22.2
更齐的现行 HTML、CSS 与 JavaScript 补全这一版把更多日常会用到的现行写法补进建议列表:写新一点的标记、选择器和 DOM API 时能直接选到。
体验改进
- CSS 面板会补出较新的 at 规则,例如 @font-palette-values、@position-try、@view-transition,以及 :popover-open、:modal、:open、::details-content、::file-selector-button 等选择器。
- HTML 面板里,按钮可补 popovertarget 与 command 相关属性;输入框可补 inputmode;dialog 可补 open;script 可补 nomodule;template 可补 shadowrootmode。SVG 图形还会补 pathLength、marker、虚线偏移,以及更多文字和动画属性。
- JS 面板能识别 CommandEvent,以及 button.command、dialog.closedBy、media.controlsList、iframe.credentialless 等字段,补全可用,不再当成未知符号。
修复
- 在作品标题框里按保存快捷键(Ctrl+S / Cmd+S)会保存作品,不再弹出浏览器的「保存网页」。
v1.22.1
更齐的 SVG 颜色补全,以及线上 Vue 预览这一版让画矢量时常用取值能直接选到,Vue 起步稿在线上也能正常看见效果。
体验改进
- HTML 面板里,fill / stroke 会补出 transparent、currentColor,不再只有 none。渐变色标、漫水/光照色,以及 bgcolor 等颜色属性也有同样的色关键字。描边转角可补 miter-clip、arcs;混合模式含 plus-darker、plus-lighter。CSS 面板写相同属性时一致。
修复
- Vue 起步稿在线上预览可以正常编译并显示,不再是空白结果。
v1.22.0
React、Vue、Preact 起步模板这一版让组件写法也能直接进三栏编辑器:选模板就能预览,不必自己拼 CDN。
新功能
- 预览空态模板列表(Tailwind 后面)新增 React、Vue、Preact 起步稿。仍是 HTML / CSS / JS 三栏:React 与 Preact 在 JS 栏写 JSX;Vue 把 HTML 栏当模板。选中后 JS 页签会显示框架名和版本。
体验改进
- CDN 库搜索仍不能插入 React、Vue、Preact。空白稿会看到「改用 … 模板」按钮,一点即可套用对应起步稿。
- 未登录时,侧栏「最近作品」和「收藏」会打开登录窗口,不再是点不动或进空列表。
修复
- 选用 React、Vue 或 Preact 起步稿后,JS 栏能识别对应框架的导入,例如 Vue 的 createApp().mount、setup,补全可用,不再当成未知符号。
v1.21.0
HTML 外包标签与更干净的 CSS 补全这一版让改 HTML 结构少搬砖,写 CSS 时补全列表也少一些重复项。
新功能
- 光标放在 HTML 标签上,按 Ctrl+.(Mac 为 ⌘+.)或打开右键菜单,即可在外面加一层 div、section 等,或拆掉当前这一层并留下内部内容。选中多个相邻标签可以一起包进去。
体验改进
- 输入 CSS 属性名时,不再在原生属性旁再列一条空的缩写(例如同时出现 opacity 和 opacity: ;)。像 m10、posa 这类已经带上取值的缩写仍会显示。
- 选中 CSS 属性后,rgb、rgba 等颜色和计算函数仍会出现在补全里,不必再重新敲函数名。
修复
- CSS 里选 rotateX、rotateY、rotateZ 时,不再插入带引号的 angle 占位。光标会落在空括号里,直接输入 45deg 即可。
v1.20.0
控制台命令行、更清晰的调试与面板快捷键这一版让预览控制台能真正动手调试,写代码时也能一键切到 HTML、JavaScript 或 CSS。
新功能
- 在控制台底部输入 JavaScript,会在当前预览里执行。↑/↓ 翻历史,输入 clear() 可清空面板。编辑器和全屏预览都可用;请先运行预览。
- JS 里的计时、计数、断言和对象查看会显示在控制台(console.time、count、assert、dir)。console.clear() 总会清空面板,即使开了「运行时保留」。
- 可用 Alt+1 / 2 / 3(Mac 上为 Option)按页签顺序聚焦 HTML、JavaScript、CSS;悬停页签会显示快捷键,也可在编辑器设置里改绑。
体验改进
- 连续相同的日志会合为一条并标 ×N,动画循环一类高频输出不会把面板刷满。
- 可按文字过滤日志(与级别图标叠加)、在本会话显示时间戳,以及复制单条或当前可见的全部日志。级别过滤改为图标芯片。
v1.19.0
作品封面图与更顺手的 CSS 编写这一版让作品能在列表里用封面图展示,预览截图也能设成封面;写 CSS 也更跟手。
新功能
- 作品最多可加 3 张封面(上传、粘贴或填写 https 链接)。有封面的列表卡片会轮播这些图,不再用实时预览;没封面的作品仍走预览。
- 已保存的作品可以把预览截图设为封面(当前视口或框选区域均可)。需先配置图床;整页长截图不能用作封面。
体验改进
- CSS 面板里,在选择器位置输入 # 会列出 HTML 面板已写的 id。色值如 #fff 不会参与,避免和十六进制颜色抢建议。
- CSS 面板里,行首输入 // 会变成块注释并把光标放在中间;输入 /* 会自动补上关闭符。也可以输入 pixc 再按 Tab 插入注释。
- var()、calc() 补全更稳,也不再弹出两条 calc()。填好实参后,Tab 或 Enter 可以跳过闭合的 ) 和后面的分号,而不再换行。
- 漏写分号导致下一条属性被吃掉、或 calc() 里两个值中间缺少 + − * / 时,CSS 面板会提示,并提供快速修复。
修复
- 已在编辑器里确认「新建」后,会换成新草稿而不再弹回当前作品。换模板或导入同样如此。
- 在 @media 等嵌套块里输入 body、h2 会补出标签选择器,而不再误出 border-style 这类属性。规则里再写嵌套(如 .card { h2 })以及 :is(…) 也同样适用。
- 列表卡片上打不开的封面图会从轮播里去掉;若全部失败,则改回实时预览。
- 预览截图不再把开关、圆钮一类元素裁成重影或切边。
v1.18.1
编辑器补全手感与 SVG / 颜色取值建议优化这一版把日常补全再磨顺一点:该出的取值更齐、误出更少,选中后光标也更落在该停的位置。
体验改进
- HTML 面板里 SVG 属性会给出更多结构化取值:transform 与 path d 片段、动画时间关键字、文档里已有的滤镜 result / in 名,以及 viewBox、points 辅助填写。
- 作品里已用过的颜色、以及元素 id,会在颜色属性和 url(#…)、href 等引用处给出建议(HTML 与适用的 CSS 上下文都支持)。
- 选中 CSS 属性选择器名会插入 name="" 并把光标放进引号;选中取值(以及多数 HTML 引号内枚举)后光标停在闭合引号或 ] 之后。@keyframes 的 from / to 缩进更自然,模糊的 CSS Emmet 缩写也更少盖过真实属性名。
修复
- 在 input[type="…"] 一类选择器里,补全会给出 checkbox 等取值,而不再误出 :checked 等伪类。
v1.18.0
预览放大镜、图片预览与更全的代码补全这一版让细节更好看清,写 HTML、CSS、JS 时该出现的标签和接口也能补出来。
新功能
- 编辑器预览工具栏新增「放大镜」,与「检查」分开使用。圆形镜片跟随指针,方便看清阴影、圆角和 1px 描边;画布条可切 2× / 4×,Esc 退出。多设备预览里每个槽也能单独打开放大镜。
- 在 HTML、CSS、JS 面板里,将光标停在图片地址上会显示缩略图,也可看大图。加载中有单独提示,且不与 MDN 属性说明混在同一浮层。
体验改进
- 复制或下载预览截图时会提示正在生成,避免误以为没点到。整页长图会多等一会儿再判定失败。
- 打开拼写检查后,qrcode、searchform 等常见 class / id 整词不再被当成未知英文词标红。
- CSS 面板会补 @container、@scope 以及 vector-effect 等较新写法;JS 面板能补 search 元素和滚动时间线等现行接口。
修复
- HTML 面板输入 svg、circle 等会给出补全,不必先打 <;开标签里也能补 viewBox 等属性。
- 在 HTML 标签里写属性时,补全不再把 he 之类当成 header 等新标签插进去,仍会给出 height 等属性。
v1.17.0
拼写一键改词与 CSS 笔误提示写错的英文单词和 CSS 取值能当场改掉;复制未保存草稿的链接也不容易漏字。
新功能
- 打开拼写检查后,未知英文词的快速修复会给出相近单词(例如把 moom 改成 moon),也可以照旧加入自定义词典。
- CSS 里写了浏览器不认的单位或取值(例如 height: 100v、display: flex1)会标出来,并可一键改成相近的合法写法,避免整条声明被丢掉。
- CSS 面板可用缩写插入铺满视口的居中页面底,光标停在背景色后面方便接着写颜色(pixbody)。
修复
- 复制无需登录的 Hash 链接时,会带上刚才刚打的内容,不再漏掉尚未保存的最后几下修改。
- CSS 面板输入 text-stroke 也会出现 -webkit-text-stroke,不必先敲厂商前缀。-moz-、-ms-、-o- 属性同样适用。
v1.16.0
预览检查与把作品备份到 Git点预览就能回到对应标签或样式;作品也可以推进自己的 Git 仓库,当一份保险。
新功能
- 编辑器预览工具栏新增「检查」。点选元素会跳到 HTML 开标签;钉住后可看图层与只读计算样式。若 CSS 里写了对应 #id 或 .class,还可一键跳到该选择器。仅由脚本生成的节点没有源码时不会乱跳。检查只在编辑器内预览可用。
- 账户设置新增 Git 备份:先在 GitHub 或 Gitee 建好仓库,把个人访问令牌存在本机,再点「立即备份」。只推有改动的作品;卡片会显示上次备份时间和还有多少未备份。也可清空远程备份文件(不会删仓库)。帮助中心有开通令牌的步骤。
体验改进
- 界面为中文时,将光标停在常见表单相关 DOM 属性(如 value、checked)上,会显示中文说明。
- 补全 input、链接等标签后,再按 Tab 会先跳出当前属性值,方便接着写其他属性,而不是插入空白。
v1.15.1
HTML 属性取值、SVG 插图与 JS 事件说明日常缺口补上了:HTML 写得更完整,矢量图能贴进作品,监听事件也能看到说明。
新功能
- 作品和笔记插入图片现支持 SVG。可在 HTML 图片、CSS 背景地址或 JavaScript 里粘贴、上传矢量图。
体验改进
- 写 HTML 时,更多属性和固定取值可以补全,例如回车键提示、弹出层、图片加载优先级,以及自动填充的 off、email 等。界面为中文时,这些取值会带简短说明。
- 给元素加监听时,focusin、click 等常用事件可以补全;光标停在事件名上会显示中文说明和 MDN 链接。
- 设置、登录、导入等普通弹窗可按标题栏拖到一边,避免挡住编辑区。全屏面板(如代码截图)仍固定。
修复
- 选中 autocomplete、type 等需要填写取值的属性后,取值列表会再次打开,不必再手动触发补全。
- 只写了 -webkit-appearance 等前缀属性时,警告现在可以一键补上对应的标准属性(如 appearance)。
- 拼写检查的「加入词典」快速修复现在能显示完整文案,不再截成「加入...」。
v1.15.0
英文拼写检查、中文悬停说明与 HTML / CSS 编辑手感写代码更跟手:需要时能查英文拼写,中文界面下属性说明也读得懂,标签和样式少打断思路。
新功能
- 编辑器设置可打开英文拼写检查(默认关闭)。未知词会标波浪线,并可一键加入自定义词典;中文等其它文字会忽略。
- 网页字体弹窗可搜索并插入 Google Fonts,也可继续用 CDN Fonts。Google 字体可选经 Bunny 插入,国内访问更稳(pixfont)。
- 界面为简体中文时,将鼠标停在 CSS 属性、HTML 标签或常见 JavaScript API 上,说明多为中文,并可打开 MDN 中文页。尚无译本的条目仍显示英文。
体验改进
- 网页字体弹窗的来源切换改为下划线分页,当前选的目录一眼能看清。
- 网页字体弹窗可用键盘完成操作:搜索框按 Tab 切换 CDN / Google,方向键浏览结果,回车插入(pixfont)。
- CSS 面板里写完属性值后,若光标停在行末分号前,按 Tab 跳到分号后面,按 Enter 跳过分号并换行写下一属性。
- 没选中文字时,复制或剪切会取光标所在行的代码,并去掉首尾空白,粘贴时不会多出空行。
- 作品和笔记插入图片超过 2 MB 时,会在页面顶部提示「图片不能超过 2 MB」;工具栏说明也会写上上限。
- CSS 面板里写长度时,打完数字按 Enter 会自动补上 px;若光标还在行末分号前,会一并换行写下一属性。透明度、层级等不需要单位的值不会误加。
- 写 @media 时,可补全 screen、print、and、only、not 等常用条件词。
修复
- 用中文输入法打出英文后,HTML / CSS / JavaScript 的属性名和标识符补全会重新出现,不再一闪即逝。
- 在开标签里按 Tab 会跳到标签内容;在配对标签中间回车会对齐缩进并空出中间行。
- 占位图等快捷指令会看当前位置:地址属性只插入链接,不适用的 HTML 或 CSS 属性不再展开成整张图(piximg)。
- 在 CSS 或 HTML 里搜索并选中网页字体后,光标会回到编辑器,可以接着改样式(pixfont)。
- 配置并保存媒体存储后立即生效,不必再刷新页面。
- 正在输入 CSS 属性名时,原生属性建议排在 Emmet 缩写前面,减少误展开。
v1.14.0
图标补全、导入字体名与各库用法「引入之后怎么写」接上了:图标能补全、看得见,导入的网页字体名也能接着选。
新功能
- 引入图标库后,在 class、data-lucide / data-feather 或 Material 文本里可补全图标名,建议列表旁能预览图标。
- 引入 Google Fonts、CDN 字体或写好 @font-face 后,在 font-family 里可补全这些字体名;含空格的名称会自动加引号。
- 帮助中心新增「图标库」:对照 Font Awesome、Remix、Lucide 等 7 个常用库怎么引入、怎么写、补全出在哪。
体验改进
- 纯 CSS 图标在 HTML 写入链接、在 CSS 写入 @import;Lucide / Feather 仍在 HTML 或 JavaScript 写入脚本(pixicon-fontawesome 等)。
- 预览会把 class="icon-trash-2" 这类写法画成 Lucide / Feather 图标,不必再手写 createIcons。
- CSS 重置只清元素本身,不再动伪元素,Font Awesome 等图标不会被网页字体盖掉(pixreset / pixreset-all)。
修复
- 修复 Remix、Boxicons、Material 以及同时引入多个库时,图标补全缺失或互相挡住的问题。
- 搜索网页字体时,Barlow 等实际存在的字体现在能出现在结果里(pixfont)。
- 从补全列表选中预设网页字体后,Tab 或回车会插入完整字体,不再误开搜索框,也不会写成半截地址(pixfont-poppins)。
- 从补全列表选中 CSS 重置、占位图或占位文本后,Tab 或回车会直接插入,不必再确认一次(pixreset、piximg、pixem)。
v1.13.0
账户安全、CSS 提示与编辑器体验登录规则写进了帮助;写 CSS、滚编辑器和看预览时少一些意外。
新功能
- 注册、修改或重置登录密码时,须至少 8 位,并同时包含大写、小写、数字与特殊字符。
- 账户昵称不能与用户名相同,注册与账户设置中都会校验。
- 邮箱密码登录连续失败次数过多时,账户会暂时无法登录,稍后再试即可。
- 帮助中心新增「账户安全」:说明登录密码要求、昵称与用户名规则,以及登录失败过多时的暂时锁定。
- 渐变等颜色之间漏了逗号时,编辑器会标错,并可一键插入逗号,避免整条背景声明被浏览器丢掉。
- 写 @keyframes 时可补全 from/to,以及作品里已经用过的 animation 名称;选择器位置不再挤进属性建议。
体验改进
- Free 侧栏与 Pro 对照文案改为:可能展示平台推广;第三方广告位暂未启用(与当前实际展示一致)。
- 帮助中心 Emmet 页补齐缩写与 CSS snippets 对照;长文滚过约半屏后可返回顶部。
修复
- 代码很少或为空时不再出现多余的垂直滚动条;内容贴底时只留一小段空白方便继续输入,而不会再跳将近一屏。
- 预览设为铺满时,首帧按实际高度显示,不再露出白底。
- CSS 补全更干净:animation 等处不再出现无关的颜色或渐变函数;渐变色标逗号后不再自动弹出整表;同类选择器同名只保留一条。
- 开启 Vim 键位时,底部状态栏单独占位,不再挡住最后一行代码。
v1.12.0
分享二维码作品更容易用手机打开:短链与私有链都能生成可扫码的品牌二维码。
新功能
- 作品保存后,顶栏「分享」→「二维码…」或私有分享对话框可生成品牌二维码图片;可一键复制图片或下载 PNG,再发到聊天应用。短链对应 /f/id,私有链对应 /s/…;Hash 临时链接过长时不能生成二维码。私有链可选择是否在链接中包含查看密码(便于扫码后自动填入)。
- 「我的作品」卡片菜单与分享条可直接打开二维码,不必先进入编辑器;私有作品需已创建私有链接。
v1.11.25
CSS 动画名补全、前缀修复与更新日志弹窗写 CSS 动画与兼容性更省心,查更新与「新建」也更可预期。
新功能
- 写 animation 或 animation-name 时,可补全当前作品里自定义的 @keyframes 名称(含 CSS 与 HTML style)。
- 部分需加 -webkit- 前缀的 CSS 属性会显示警告,并可一键补上配对前缀。
体验改进
- 侧边栏「更新日志」改为弹窗显示:可滚动浏览各版本,不必离开当前页面;需要时仍可打开完整更新日志页。
- CSS 里写 font-family 时,可补全常用字体名(如 Helvetica、system-ui、苹方等);含空格的名称会自动加引号,也支持逗号后继续选下一族。
修复
- 修复在云端作品页新建作品后,语言面板偶发仍停在 CSS 或 JavaScript、未回到 HTML 的问题。
v1.11.24
编辑器 Vim 键位熟悉的 Vim 导航进了网页编辑器,喜欢键位工作流的人写 HTML/CSS/JS 更顺手。
新功能
- 编辑器设置 →「编辑器」可启用 Vim 键位:HTML/CSS/JS 面板支持 Normal / Insert / Visual,底部状态栏显示当前模式;帮助中心有用法说明。运行、保存、补全与 Emmet 等平台快捷键仍可用。补全菜单打开时 Esc 先关菜单再回 Normal;不支持退出类命令与宏录制。
v1.11.23
中国色悬停预览与首页空白创作逛色更轻快;从首页走进编辑器时从空白开始,不被未保存草稿打断。
体验改进
- 中国传统色页:鼠标在色条上悬停片刻即可预览该色(不会改链接地址);点击或方向键才正式选定。指针离开页面后回到上次选定色;触控设备仍用点选。
修复
- 从首页「开始创作」或「立即创建演示」进入编辑器时,始终打开空白模板,不再恢复本地未保存草稿;离开编辑器后再回来同样从空白开始。同页刷新仍可继续刚才的内容;云端已保存的作品不受影响。
v1.11.22
中国色全屏沉浸、侧栏新标签与编辑器归来更干净逛色更沉浸;隔一段时间再点侧栏「编辑器」时从空白开始,不被旧作品或草稿打断。
新功能
- 从侧栏进入中国传统色时改为全屏沉浸(无侧栏),顶栏可返回;侧栏行尾箭头可在新标签打开对照页。
体验改进
- 中国色首屏改为暖灰宣纸空态,不再默认铺满第一色;色条轨加宽以完整露出全部色条;复制 HWB / CMYK 时数值更准确,便于与转换器互转。
- 拾色新增「一只橘子鱼」配色「金棕海汐」:可点色复制或一键复制全部色值。
- 开发资源页收录「在线工具网」外链(LDDGO),归入在线工具并标注国内友好。
修复
- 约 2 小时未继续编辑后,再点侧栏「编辑器」会打开空白编辑器,不再回到上次的云端作品,也不会恢复本地未保存草稿;云端已保存的内容不受影响。
v1.11.21
中国色沉浸浏览、完整标签建议与草稿清理中国传统色更好逛,编辑作品信息更顺手,归来时不再被过期草稿打扰。
新功能
- 中国传统色改为沉浸色场:满幅主色、横向色条与色系短签、竖排色名与篆书印章;可一键复制 HEX / RGB / HSL / HWB / OKLCH / CMYK,并用左右方向键切换色块。
修复
- 编辑 Fiddle 信息时,标签建议墙会显示你已有的全部标签,不再只显示前几个。
- 约 2 小时未继续编辑后,再次打开编辑器时,未提交的续写草稿(包括云端作品的本地修改)会被清空并打开空白模板,不再回显旧内容;云端已保存的内容不受影响。
v1.11.20
更快的加载与更轻的编辑器速度放在前面:更少需要一次下载的数据,打开、浏览与创作都更流畅。
新功能
- 侧边栏新增「更新日志」入口:随时查看各版本的新功能、改进与修复。
体验改进
- 编辑器与各页面加载明显变快:补全类型数据改为按需加载(用到对应库时才下载),界面文案按当前语言拆分,首屏体积显著减小。
- 打开「编辑作品信息」更快:标题、描述、分类与标签即刻显示,不再出现加载等待;AI 生成字段按需获取作品内容,弹窗更跟手。
- 拾色新增作者「WARM沃森活动策划」:可浏览枝上红果、旧池绿影、无花果时、赤金鞍影等成套配色,点色复制或一键复制全部色值。
修复
- 未登录访问「我的作品」「代码片段」等需要登录的页面时,会统一提示登录,不再静默跳回首页。
- 删除代码片段前会先弹出确认,避免手滑误删。
- 使用本地 AI 模型(如 Ollama)时,模型列表与对话恢复可用,不再被浏览器安全策略拦截。
- 修复注册与登录表单中服务条款、隐私政策入口打不开的问题(页面内容准备好前暂不显示链接)。
v1.11.19
中国传统色、拾色与侧栏广告调整找色、抄色更顺手:传统色谱进产品,成套灵感配色可一点复制;侧栏也先少一点第三方广告打扰。
新功能
- 侧栏新增「中国传统色」:按色系浏览、预览与沉浸详情,并提供推荐配色;颜色转换器里也可直接取这些色。
- 侧栏新增「拾色」:按作者浏览策展成套配色,点色复制 HEX,详情可复制全部色值或 CSS 变量。
- 在编辑器里点击颜色色块,可打开颜色转换并改写当前色值。
体验改进
- Free 用户侧栏暂时只展示平台推广,不再出现第三方广告位;Pro 仍无侧栏广告。
- 中国传统色预览里的古风线描打开与切换色系时更快出现,不再像在等图片加载。
- 中国传统色列表里点击色块只切换预览,不再直接进入沉浸详情;详情仍可从预览区打开。
v1.11.18
更从容的云端保存与更清晰的 AI 连接提示长时间打字时云端保存更少打扰,作品冲突时提示更明确;测试 AI 连接失败时也会说清是额度、限流还是密钥问题。
新功能
- 同一作品在别处已保存更新时,编辑器会提示「云端版本冲突」:可保留本地并覆盖云端,或重新加载云端版本。
体验改进
- 云端自动保存节奏更从容:打字停顿更久后才写入,最长也会定时刷盘;切到后台或离开页面时仍会尽量保存。本地草稿的快速自动保存不受影响。
修复
- 在编辑器设置中测试 AI 连接时,额度用尽、订阅无权或服务商返回异常时会显示对应说明,不再一律提示检查 API Key。
v1.11.17
本地草稿、标签筛选与 AI 建议标签归来编辑更干净、写中文更稳;「我的作品」按标签整理更直观,AI 建议的标签也会少一些过于宽泛的词。
体验改进
- 「我的作品」按标签筛选改为标签墙(可多选),并新增「无标签」选项,方便找出尚未打标的作品。
修复
- 约 2 小时未继续编辑后,再次打开编辑器时,未关联云端作品的本地草稿会清空并打开空白模板;已保存过的作品若本地仍有未提交修改,不会因此被清空。
- 用中文输入法打字时,预览会等你选定汉字后再更新,不再把未确认的拼音显示在预览里。
- 用 AI 生成作品信息时,会过滤 html5、css3、javascript 等过宽标签,减少无区分度的建议。
v1.11.16
原创标识、探索排序与本地草稿原创作品更容易被认出,探索排序与卡片时间都按创建时间对齐;过期草稿与写 CSS 时的补全也继续收紧。
新功能
- 编辑 Fiddle 信息时可声明「原创作品」;开启后,探索、我的作品、收藏与公开主页等卡片会显示「原创」标识。
体验改进
- 探索社区区标签墙只显示标签名,不再附带作品数量,扫一眼更干净。
- 探索「最新」按作品创建时间排列;按点赞、收藏、Fork、查看或热门排序时,指标相同则较新创建的作品排在前面。探索、我的作品、收藏与公开主页等作品卡片上的时间改为显示「创建于」。
- 首页本地草稿在约 2 小时未继续编辑后会自动清除,减少隔很久再打开却弹出过期草稿的打扰;正在编辑时仍会自动保存。
- 在 CSS 或 HTML 的 style 里写自定义属性名时(如 --accent),可补全本作品里已声明过的变量名;在 var(--…) 里引用时同样支持跨面板提示。
修复
- CSS 里写 transition 时,即使冒号后换行或多个属性用逗号并列,也能继续补全 transform 等属性值建议。
- 在属性值里输入时(如 transition: op),不再误弹出 Emmet 的属性缩写建议(如 opacity: ;),避免抢掉正确的取值补全。
v1.11.15
探索页标签发现逛探索更像逛主题展:热门标签一眼可见,点选即可筛出相关公开作品。
新功能
- 探索社区区新增标签墙(热门标签),可多选筛选公开作品;作品卡片显示标签(过多时截断),点击卡片标签可快速筛选。
v1.11.14
内容规范、作品举报与列表体验公开内容更安心、不当作品更好反馈;列表也好逛:回顶、预览与文案检查都更顺手。
新功能
- 「我的作品」可按是否有参考视频、以及参考视频是否公开来筛选列表。
- 公开可见的标题、描述、公开笔记与主页简介等会检查不当用词;命中时无法保存或发布,请修改后再试。
- 登录访客可在作品页顶栏举报;多人举报后作品可能对访客与探索隐藏。作者本人仍可打开编辑,并看到展示受限说明;若因不当用词被限制,改干净标题与描述后可自行恢复。
体验改进
- 「我的作品」与探索列表会提前加载附近卡片的实时预览,上下滚动时更少出现空白缩略图。
- 编辑器设置弹窗可拖拽调整大小,并记住你的尺寸;窗口足够大时侧栏 Tab 更易一次看全。
- 举报需确认并选择原因;选「其他」时可填写说明。若点错,可撤回自己的举报。
- 作品因内容规范被限制或恢复展示时,作者会在站内通知里收到提醒,并可打开作品查看。
- 公开标题、描述、公开笔记与简介等不当用词检查更宽松,减少正常用词被误拦。
修复
- 打开「发布设置」时,参考视频相关选项会立刻按当前作品状态显示,不必再等一次刷新。
- 账户里修改昵称并保存成功后,不再误提示「无法更新资料」。
- 反馈表单打码不当词时,不再误伤含短字母组合的正常英文(如 classic、usb)。
- 修复通过代理连接 Kimi Code 时请求失败的问题,模型列表与对话更稳定。
- 「我的作品」与探索列表滚动后会出现回顶按钮;探索页同样有安静的悬浮回顶。
- 列表缩略预览对使用传感器、本地存储或媒体资源的作品更兼容,更少空白预览。
- 「我的作品」与探索卡片上的日期不再因时区出现首帧闪错。
v1.11.13
CSS 补全、唯一昵称与发布设置CSS 更好写、作者更好认;已发布作品改参考视频公开不必再绕道下架。
新功能
- 注册、GitHub 登录与账户设置中的昵称须全局唯一(不区分大小写),并会拦截敏感词;占用时可换一个昵称再试。
体验改进
- 在 CSS 面板的 @media / @container 条件括号内,可补全 prefers-reduced-motion、prefers-color-scheme 等媒体特性及常用取值。
- 在渐变、color-mix、steps、clip-path 形状、round、env、minmax、repeat、light-dark 等函数括号内,可补全 circle、transparent、oklab 等常用参数关键字。
- 「我的作品」已发布卡片会标明参考视频是否公开;菜单可直接打开「发布设置」,无需先从探索下架。
修复
- 「我的作品」卡片预览为深色背景时,右上角操作菜单按钮也能看清。
v1.11.12
Pro 权益更清晰、自备图床与多设备预览隐私留给 Pro、图床交给你自己;多设备预览更易对照真实屏幕尺寸。
新功能
- Pro 侧重私有作品与笔记、合集整理、无广告与侧栏折叠;图片上传与保存他人作品副本对 Free 开放(须在媒体存储配置自备图床)。
- Free 侧栏在广告位下方可出现平台推广;Pro 不展示侧栏广告与推广。
- 媒体存储除 Cloudinary 外,可选自备 Chevereto 图床(如 mjj.today):在账户设置填写站点地址与 API 密钥后,作品图、壁纸、封面与头像等均可直传。
- 多设备预览中,可选固定桌面尺寸,或使用「铺满」后拖拽调整槽宽;顶栏可缩放并一键适应窗口(Fit)。
体验改进
- 作品图、壁纸、封面与头像等媒体上传走本机自备图床(Cloudinary 或 Chevereto),不再提供平台对象存储。
- 打开他人作品时,顶栏操作为「保存」(复制到你的账户);探索与「我的作品」卡片不再显示被保存次数。
- 多设备预览默认桌面铺满、控制台折叠;机型名显示在槽顶栏;窗口较矮时可滚动查看完整设备。
- 预览主题开关显示「预览主题」标题;关闭态开关对比度提高,更易辨认。
- 作品信息里的「教程来源」改为「参考视频」;公开后探索与「我的作品」卡片、顶栏按链接显示 YouTube、Bilibili 等平台品牌色图标。
修复
- 修复插入随机图库照片时连按确认会生成多张图的问题(piximg-pexels)。
v1.11.11
发布可选公开教程与笔记、探索分区上探索更可控:公开教程与笔记可单独勾选;探索页默认社区列表,官方示例改到独立 Tab。
新功能
- 发布到探索(或打开发布设置)时,可勾选是否公开参考视频与笔记,默认均不公开。探索卡片会显示对应图标;访客通过顶栏或卡片以弹窗查看渲染后的笔记(不再使用笔记侧栏公开开关)。
体验改进
- 探索页拆成「社区」与「官方示例」两个 Tab,默认进入社区列表,官方示例不再占满首屏。
修复
- 修复关闭「编辑作品信息」后,无法再次打开该对话框的问题。
- 修复从作品页点「新建」后被弹回原作品,以及新建后浏览器返回跳过该作品页的问题。
- 修复在空白编辑器首次保存后,作品短链地址闪一下又回到空白编辑器页的问题。
- 修复在 CSS 或 JavaScript 面板编辑并保存后,语言面板偶发被切回 HTML 的问题。
- 修复 CSS 面板输入属性缩写(如 h100%)时,快捷补全偶发不出现、刷新后才恢复的问题。
- 修复 CSS 面板中 transition、will-change、aspect-ratio、scroll-snap-type 等属性冒号后缺少常用取值建议的问题(如 transition 的 transform)。
v1.11.10
HTML 标签联动、预览锚点更稳改 HTML 标签名更省事,预览里点页内锚点也不会再把编辑器弄丢。
新功能
- 在 HTML 面板修改开标签名时,对应的闭标签会同步更新(例如把 div 改成 ul)。
修复
- 修复预览中点击仅含 # 的链接时,误把整站嵌进预览并出现「编辑器加载失败」的问题。
v1.11.9
灵感中心更聚焦灵感外链收成更清晰的三类,方便按落地页、动效与社区作品集找参考。
体验改进
- 灵感中心改为三类目录(落地页、创意与动效、社区与作品集),并精简外链列表,减少过时或付费向站点。
v1.11.8
侧栏最近作品、分享里调可见性作品更好找、发布更顺手:侧栏能看最近作品与收藏,可见性收进分享菜单;快捷插入失败时也不会再改坏输入。
新功能
- 左侧栏可打开「最近作品」弹窗,并直达「我的收藏」;完整的作品 / 笔记 / 合集等仍在账户菜单「我的内容」。
- 公开 / 仅链接 / 私有与发布开关收进顶栏「分享」菜单顶部,不必再找旁边的可见性菜单。
体验改进
- 预览可加载任意 https 外链的脚本与样式表,便于直接引用站外 CDN。
修复
- 输入未识别的快捷插入指令后按 Tab,不再误改成补全词,改为普通缩进。
- 修复 CSS 面板中 background-clip、overflow 等属性冒号后缺少常用取值建议的问题。
v1.11.7
未收录库更稳妥的插入「平台未收录」库加了门槛:通不过检测的不会进列表,也插不进去。
体验改进
- 展开「平台未收录」时,仅展示已通过检测的包;选版本插入前会再检查一次,失败则无法插入并提示。
修复
- 修复 CSS 面板中若干属性冒号后缺少常用取值建议的问题(如 place-items 的 center,以及 appearance、color-scheme、overscroll-behavior 等)。
v1.11.6
更丰富的起步模板、图标快捷插入与更稳的 CDN,以及更跟手的发布与互动从空白到可玩更快:更多开箱模板、看得见的动效演示,图标与常用库更好找;发布与点赞收藏更跟手,「我的作品」也能一眼看到数据。
新功能
- 新建作品可选更多起步模板:Anime.js、GSAP、Motion、Three.js、Swiper、Tailwind,以及滚动与视差(AOS、Lenis、ScrollReveal、Rellax、Parallax)、动效(Lottie、mo.js)与创意绘图(p5、PixiJS、D3)等,预填可用的 HTML / CSS / JS。
- CDN 库「常用库」名单大幅扩充(图表、表单、地图、动画等),搜索默认先出这些包。
- 在 HTML 或 JavaScript 面板用 Tab 一键插入常用图标库样式或脚本(如 Font Awesome、Lucide;指令 pixicon-fontawesome 等)。
- 作品填写参考视频链接后,分享页顶栏、探索卡片与「我的作品」卡片会出现平台图标入口,可一键打开视频。
体验改进
- 起步模板演示打磨:打开即可看到典型动效与交互(时间轴、交错入场、轨道旋转、粒子吸引等),便于直接改着玩。
- 不在常用库名单中的包默认折叠,可展开「平台未收录」结果;仅提供尝试性 ESM,不保证可用。
- 搜索 CDN 库时会优先匹配平台常用库名单——用品牌名(如 fontawesome)也能找到已收录的包,不必只靠 npm 排序。
- 常用库选版本时,只列出平台已验证可用的主版本区间;CDN 路径不可用的破坏性大版本不会出现。
- 选版本时会按该库能力纠正 Script / ES Module(不改你已保存的偏好);有样式时可勾选是否同时插入 CSS。
- 发布/私有开关与点赞、收藏点击后立即反馈。未开通收藏时旁标 PRO,点一下即可查看说明(不会误显示为已收藏)。
- 「我的作品」卡片显示浏览、点赞、收藏与 Fork 数量;有参考视频链接时行末可点平台图标打开视频。
修复
- 修复 Motion 起步模板预览中模块导入失败、动画不播放的问题。
- 修复发布成功后可见性菜单仍呈灰色、暂时点不了的问题。
- 修复 CSS 面板中 white-space 属性在冒号后缺少常用取值建议的问题(如 nowrap、pre-wrap)。
v1.11.5
Tailwind 按需启用与 CDN 脚本插入完善样式更干净可控:Tailwind 不再默认注入,需要时再引入;CDN 插入也更贴近真实 Script 用法。
体验改进
- 预览不再默认注入 Tailwind。需要时在 HTML 加入 Play CDN 脚本,或在 CSS 写 @import "tailwindcss";引入后才会出现 utility 类补全。
- CDN 库更多常用包(如日期选择、富文本、Alpine、htmx 等)支持以 Script 模式直接写入 HTML。
修复
- 修复从 CDN 库插入 Tailwind(@tailwindcss/browser)时误写成模块映射的问题,现改为正确的 script 标签。
v1.11.4
CDN 库脚本插入、版本选择与模块预览修复加第三方库更贴近日常写法:默认插脚本、需要时切模块,还能选定具体版本;Vanilla 里 import 也能跑起来。
新功能
- 添加 CDN 库时可选择 Script 或 ES Module;默认以 Script(UMD)写入 HTML,适合 Vanilla。无现成脚本包时会自动改用 ES Module。
- 添加 CDN 库时,选定包后可再选 npm 版本再插入,不必只能用最新版。
修复
- 修复 Vanilla 作品中使用 import / import map 时预览报错、无法作为模块执行的问题。
v1.11.3
CSS 属性排序、CDN 自动样式与占位素材补强样式更好排、引库少漏样式,占位文案和头像也更贴近真实表单场景。
新功能
- CSS 编辑器可按社区习惯排序声明属性(顶栏按钮、右键菜单或 Shift+Alt+O),与「格式化」分开。
- 从侧栏或快捷方式插入常用带样式的库(如轮播、UI 框架)时,会自动在 CSS 面板补上样式表引用。
- 英文 / 中文占位文案支持职业、邮箱、公司名等名片常用字段。
- 头像占位图支持不写边长的快捷插入,并提供 64 / 128 / 256 尺寸预设。
体验改进
- 编辑作品信息时弹窗会先打开再加载详情,打开时更顺畅。
v1.11.2
平台编辑器壁纸与列表进作品更稳编辑器背景更好挑现成壁纸,从作品列表点进去也不容易再被弹回。
新功能
- 编辑器设置「背景」可选用平台提供的壁纸预设,不必自己上传也能换景。
修复
- 修复「我的作品」与探索页点进作品后被弹回列表的问题。
v1.11.1
预览控制台升级与登出清理密钥调试日志更好读;共用设备上登出时,本机 API 密钥一并带走。
新功能
- 预览控制台:可按日志级别筛选,对象可展开查看,并更好支持 debug / table 等输出。
- 登出时清除本机已保存的 AI、图床、Pexels 等 API 密钥与相关快照,避免共用电脑残留。
体验改进
- 顶栏、侧栏、预览与其它页面工具栏统一为产品样式提示气泡,不再混用系统原生黄框。
修复
- 修复工具栏提示气泡悬停后长时间不消失的问题。
- 修复账户菜单中点击用户名后下拉仍悬停不关闭的问题。
v1.11.0
创作连续日火苗、预览主题与空态选模板日更节奏看得见,预览能按明暗验稿,空白时也能直接从模板起步。
新功能
- 创作连续日火苗:公开主页与「我的作品」可见当前连续、历史最长与下一目标进度;保存作品时有轻提示。
- 预览主题:工具栏打开开关后可选明亮 / 暗黑;页面使用 light-dark() 或系统主题写法时会跟着变,内嵌与多设备预览同步。
- 空白预览可点选启动模板(含「我的模板」);点「新建」会回到空白再选,顶栏不再放模板下拉。
体验改进
- 账户设置可确认时区,用于创作日历与日更火苗的日界。
- 「我的作品」创作日历并入网格首格,批量管理收进筛选栏。
- 帮助中心「预览」补充预览主题说明。
- 公开主页火苗移到日历下方,并加上目标进度条,读起来更顺。
- 顶栏布局按钮改用固定图标,不再随当前布局变化。
v1.10.0
笔记写作升级、自备图床与 Pro 权益收口侧栏笔记做成更顺手的写作区,并理清「能不能用」与「图存哪里」:能力看计划,媒体用你自己的 Cloudinary。
新功能
- 笔记侧栏新增格式工具栏:加粗、列表、标题等;溢出菜单与选区气泡可继续排版;⋮ 菜单可快速插入 @ 快捷内容。
- 笔记可插入图片;荧光笔色板会记住你上次用的颜色;代码块随明暗主题更清晰,并去掉单独字色选项。
- 绑定作品的笔记可随作品公开给访客阅读(不再有独立笔记分享页)。原「作品要点」浮层已下线,导读请写在作品笔记里。
- 笔记与编辑器 AI 可切换服务商与模型;对话可粘贴图片或文本当附件。设置里提供可自备密钥的模型目录(含更多官方与聚合选项,以及本机 LM Studio)。
- 作品插图、头像、壁纸、主页封面等上传一律走你在账户里配置的 Cloudinary;平台不再提供对象存储托管。
- 编辑器设置可调字重,并扩充可选的等宽字体。
体验改进
- Pro 主要解锁功能门禁(上传、笔记、私有可见性、收藏、Fork 含图作品、无广告等);无论 Free 还是 Pro,上传前都需配置 Cloudinary。
- 账号批量导出改为下载时直接生成 ZIP,无需再等异步任务与分卷托管。
- 访客顶栏仅对「仅链接可见」等可复制场景提供 Fork;只读顶栏更精简。
- Free 用户侧栏接入展示广告;未填充位会隐藏,减少空白框。
修复
- 注册弹窗拆成两步,避免小屏上内容过高被裁切。
- 修复笔记代码块语言选项与可编辑状态异常的问题。
- 未配置 Cloudinary 时,编辑器与笔记的插图提示文案已对齐,指引更一致。
v1.9.0
作品要点与访客读码导读Demo 更好被读懂:作者可写一份要点说明,并决定访客能不能看到。
新功能
- 可为已保存作品写「要点」:可拖动浮层、自动保存;标题栏可切换公开或仅自己可见。
体验改进
- 访客打开含公开要点的作品时,顶栏按钮有区分样式,首次查看前带提示动效。
- 帮助中心新增「作品要点」指南,并说明与私有笔记的区别。
v1.8.0
创作日历与公开主页分栏个人主页更好扫读:左侧看你是谁,右侧看作品,并用日历回顾每天写了多少。
新功能
- 公开主页与「我的作品」新增创作日历:按月查看每天新建了多少作品,可左右切换月份。
体验改进
- 公开主页改为左右分栏:左侧身份与简介,右侧置顶、合集与作品列表,卡片更大更好点。
v1.7.0
公开主页可定制与合集展示个人主页更像名片:在页面上改简介、置顶作品、上传封面,合集也能用封面预览更好传播。
新功能
- 公开主页支持一行简介与最多三条外链,访客打开 /u/你的用户名 即可看到。
- Pro 用户可为公开主页上传横幅封面,并裁剪与调整位置。
- 可在主页置顶公开代表作展示:Free 1 个,Pro 最多 3 个。
- 编辑合集时可选择封面作品,公开主页与合集页卡片会显示实时预览。
体验改进
- 简介、外链、置顶与封面改在公开主页上编辑(完成/取消一次保存);账户菜单头像可进入主页,设置页保留预览入口。
修复
- 优化未登录时的会话请求,减少控制台异常提示。
v1.6.0
个人主页、作品合集与带走体验作品更好被发现、打包传播,发布与导出也放在更顺手的位置。
新功能
- 公开个人主页:用稳定链接展示你的公开作品(如 /u/你的用户名)。
- 作品合集:把多个作品整理成合集并公开分享,方便按主题传播。
- 全屏预览页可查看 Console 输出,调试更清晰(禅模式可隐藏)。
- 一键复制完整可运行 HTML(与导出 ZIP 内 index.html 同源),粘贴即可带走。
体验改进
- 嵌入代码支持更多一键复制目标,嵌到外站更省事。
- 账户菜单更短:「我的内容」「导入与导出」收成子菜单,首屏更干净。
- 「可见性」与当前作品管理移到顶栏 Share 旁,发布与分享更近。
修复
- 修复编辑器首屏偶发被登录态挡住、内容迟迟不显示的问题。
v1.5.0
作品嵌入与个人模板作品更容易嵌到外站展示,也能把常用脚手架存成自己的模板反复开用。
新功能
- 分享菜单「嵌入代码」可将公开或仅链接可见的作品嵌到博客、文档等外站;支持 iframe 或一行脚本,默认随内容自动撑高。
- 嵌入可勾选 HTML/CSS/JS/Result 面板与顺序,并设置明暗主题、强调色与设备宽度。
- 编辑器可将当前作品存为「我的模板」并在模板库管理;新建作品时沿用上次选用的平台或个人模板。
体验改进
- 嵌入设置弹窗布局更紧凑;可关闭智能高度,改用固定高度嵌入。
v1.4.1
编辑器一键导出当前作品随时把正在编辑的内容带走,不必先保存到账号。
新功能
- 编辑器顶栏菜单(⋯)→「导入与导出」可下载当前作品 ZIP,含 index.html、fiddle.md 与 fiddle.json;无需先保存或登录。
v1.4.0
笔记 AI、批量导出与编辑器助手写稿、发布追踪和数据备份更顺手——笔记可 AI 辅助创作,账号可一键打包导出,编辑器也接入了侧栏助手。
新功能
- 笔记支持 AI 生成文章;底部改稿栏可重新展开,方便反复修改。
- 笔记可记录发布平台、链接与是否已发布,方便追踪稿件去向。
- B 站投稿时可一键复制参考内容,含正文与常用投稿字段。
- 笔记里插入作品或预览更方便:搜索面板选作品,预览块布局也更清晰。
- 账户菜单可批量导出全部作品或全部笔记;内容较多时在后台打包,完成后自动下载。
- 编辑器新增 AI 助手侧栏,写代码时可随时唤起,替代旧版弹窗。
体验改进
- Upgrade 页 Pro 权益说明更清晰,与帮助中心描述一致。
- 探索页社区列表更干净,发布说明改用轻量提示样式。
- 恢复侧栏「灵感中心」入口;编辑器首页提示移至底部,空态引导更易读。
- 可在编辑器设置中备份与恢复 API 密钥;公用电脑登录时可避免密钥残留在本机。
修复
- 修复暗色模式下预览空态与编辑器底部提示看不清的问题,以及预览加载时的闪烁。
- 修复打开或刷新编辑器时侧栏短暂展开再折叠的问题。
- 修复笔记里搜索插入作品时的选择与键盘操作。
v1.3.1
预览设备体验、明暗主题与编辑器界面预览更接近真实设备与主题环境,编辑器界面也更顺手、更清晰。
新功能
- 预览支持模拟系统明暗主题(跟随系统 / 浅色 / 深色),适用于 matchMedia、light-dark() 与 prefers-color-scheme;内嵌预览与多设备预览顶栏均可切换,两页会实时同步。
- 预览区重构设备快切、缩放与旋转:Desktop / Tablet / Phone 一键切换,手机与平板支持 Fit 与 100% 等缩放预设。
- Tab 可快速插入 CDN 预设资源(pixcdn),常用库与框架一键引用。
- 开发资源页支持复制代码片段、从模板直接打开;新增 Mock API 与动画灵感分类。
- 探索页社区筛选位置下沉,空态与列表层级更清晰。
体验改进
- 运行预览时 loading 与成功反馈更明确,便于确认代码已执行。
- 编辑器语言 Tab 与分栏区视觉更新;窗口较窄时 Tab 自动切换为图标模式。
- 首次进入空编辑器时显示引导提示;空态界面与品牌风格更统一。
- 分栏拖拽条更易抓取,悬停时有清晰反馈。
修复
- 修复多设备预览无法在新标签页打开的问题。
- 修复设备预览偶发黑屏、Fit 缩放异常,以及设备外框圆角缩放时背景从角落溢出的问题。
- 修复 Tailwind 类名补全弹窗过宽、遮挡编辑区的问题。
v1.3.0
新营销首页、探索示例与帮助中心我们重做了产品入口:更容易发现能做什么,精选示例帮你快速上手,卡住时也有帮助可查。
新功能
- 全新营销首页展示产品能力;编辑器迁至 /editor,首页可直接预览官方示例。
- 探索页新增官方示例区块,收录 12 套移植 Demo,可一键打开试玩。
- 帮助中心新增新手路径与专题文章,支持目录导航与站内搜索。
体验改进
- 主导航精简为四项,「我的作品」等个人入口收入用户菜单。
- 营销首页排版与体验优化:支持明暗主题切换、能力标签与玻璃卡片示例预览,首屏加载更快,顶栏更简洁。
- 内容页顶栏返回改为仅图标,版面更干净。
- 开发资源页分类标签与当前界面语言保持一致。
修复
- 修复广场列表加载时短暂显示「暂无作品」的问题。
- 点击 Logo 返回营销首页。
- 修复营销首页暗色界面下登录弹窗显示异常。
- 修正 Explore 中文译名:由「发现」改回「探索」,与英文一致。
v1.2.3
GIF 支持、图库占位与开发资源扩展真实素材更容易进编辑器:GIF、图库图,以及更稳妥地保管 API 密钥。
新功能
- 编辑器设置可备份/恢复 API 密钥:AI、Cloudinary、Pexels 凭据与 AI 偏好,支持可选加密。
- 在代码片段 Tab 配置 Pexels API Key 后,Tab 即可插入随机图库照片或视频(piximg-pexels / piximg-pexels-video)。
- Tab 插入 randomuser.me 真人肖像占位图,可选尺寸、性别或仅输出 URL(piximg-randomuser)。
- 头像、编辑器背景、粘贴与上传、作品内插图均支持 GIF,动图可正常预览。
体验改进
- 站点图标更新为像素四格图形,统一用于 favicon、Touch Icon 与邮件品牌。
- CSS 重置快捷键调整:pixreset 仅清零 margin / padding / box-sizing;完整重置改为 pixreset-all。
- 图片占位快捷键(piximg-*)现可在 CSS 面板 Tab 展开,必要时自动包 url()。
- 开发资源页扩充:新增 Pexels 与 Vecteezy 推荐、在线工具分类(ezGIF、123APPS 等)以及无障碍外链(WAVE、WebAIM、WCAG 指南)。
v1.2.2
版本更新提示优化小版本,只做一件事:发新版时尽量不打断你的编辑。
体验改进
- 发现新版本时,作品已保存(或为空)则提示「立即刷新」;有未保存改动时才显示「保存并刷新」。
v1.2.1
注册校验与占位文本快捷键我们加强了注册把关,并修顺了日常离不开的占位文本快捷键。
新功能
- 注册时校验用户名:检查唯一性、系统保留词与敏感词。
体验改进
- 帮助文档更清晰说明可变长度占位文本(pixcmN / pixemN,如 pixcm20)。
修复
- 修复 pixem20 等带数字后缀的 Tab 展开问题。
- 修复「我的作品」筛选后打开作品再返回时丢失筛选条件的问题。
v1.2.0
更快插入网页字体网页字体应该一键可达——排版更自然地融入编辑器。
新功能
- Tab 搜索 CDN Fonts 并插入字体样式表,无需手动找链接(pixfont)。
- pixfont-inter 等预设可直插常用字体,跳过搜索框。
- 帮助、开发资源、更新日志等内容页顶栏新增「返回上一页」。
体验改进
- 帮助中心补全 Tab 快捷键说明:占位文本、图片、CSS 重置与字体。
修复
- 内容页无浏览历史时返回首页,并跳过草稿恢复确认弹窗。
v1.1.0
留言板你的建议有了固定入口——可追踪、可查看,也会收到回复。
新功能
- 侧栏可提交功能建议或 Bug,查看工单状态与官方回复。