图片由 Pixabay 提供,为了性能开销考虑,预览图分辨率为低清,原始图像是高清的,如果出现选择图片后预览区域也糊的情况,那就是API限制了,可以转到导出的水印旁边,点击原链接下载高清大图本地导入。
Q: 图片导出为空白、乱码或部分缺失?
A: 请先确认是否使用苹果设备,如果是苹果设备,请勾选“ios兼容模式”,但受限于苹果浏览器限制,高级样式无法导出,这个问题Blokko无法修复,详见小红书主页置顶QA。若使用其余设备,在不勾选兼容性导出的情况下出现问题,请带上“设备+浏览器+问题描述+预览界面截图+导出后图片”私信我进行BUG修复。
Q:点击下载没反应?
A:目前已知夸克/UC等魔改程度大的安卓浏览器,以及苹果safari以外的会出现下载失败问题,安卓用户请更换为Via/X浏览器/Edge浏览器等未进行魔改的浏览器使用,或长按预览界面图片保存,苹果请使用safari浏览器。
选择一种方式来备份或分享您的创作。
包含数据与所有图片资源。最稳妥的备份方案,支持跨设备迁移。
仅包含布局配置,不含图片资源。轻量快捷。
移除个人信息,仅保留样式结构用于分享。
转换为 Tintro 格式。复杂模块将转为文本。
支持从本地备份或其他平台迁移数据到 Blokko。
导入本地备份的配置文件或包含完整图片的强化备份包。
直接导入并转换 Tintro 导出的 .json 格式数据。
通过控制台脚本快速抓取并在 Blokko 重建页面。
方案一:电脑端 (推荐)
1. 在浏览器打开你的 Lit.link 分享页,按下 F12 打开控制台 (Console)。
2. 粘贴脚本并回车。
方案二:手机端 (仅限部分浏览器)
1. 使用 Via浏览器 进入 Lit.link 分享页。
2. 点击顶部地址栏,删除原来的网址。
3. 粘贴下方复制的脚本代码,点击键盘的“前往/搜索”即可触发下载。
💡 执行成功后会自动下载一个 JSON 文件。回到 Blokko 再次打开“搬家中心”,选择“Blokko 备份文件”导入该文件即可。
💡 调节右侧(或手机端下方)检查器面板的透明度。调低后可以透过面板直接观察到被遮挡的画布内容,方便进行位置和颜色微调。
开启后,当总页面数(活跃+回收站)超过限制(PC>15 / 手机>8),或回收站文件超过15天时,系统将自动清理回收站中最旧的文件。
如果遇到卡片无法拖拽、页面卡顿或发热严重,请开启此选项。开启后将关闭列表排序时的挤压动画效果,可有效解决拖拽死锁问题。
如果遇到 BUG,请点击上方按钮导出日志文件,并发送给开发者以便快速定位问题。
如果在使用中遇到导出图片为空白、图标无法加载或页面样式错乱,请尝试执行“组件检查”。
近期关注到部分社交平台出现利用Blokko制作付费图片的情况,需要声明的是,利用Blokko进行包括但不限于“付费代做”“接单”“售卖图片”等行为是禁止的,换言之,你不能出售使用Blokko生成的图片(基于交易行为的买XX送也不行),这种行为严重违背了我开发的初衷,也希望大家抵制,Blokko鼓励大家互相分享json模板,BK码等二次无偿分享行为。
因为本人精力有限,加之苹果端的webkit问题本人实在无力修复,且因为各种原因叠加,ios会容易闪退,未来版本将不再接收和修复ios相关BUG,仅推荐使用安卓/windows端PC设备进行编辑和导出,ios相关兼容性设置不会移除但无法保证使用,(ノ´д`)造成不便很抱歉,安卓已知夸克/UC这种魔改程度大的浏览器存在问题,建议换用via/Edge浏览器使用,出现BUG/异常情况/不会使用都可以前往评论区提问。
Blokko 是一个完全免费的本地创作工具。 当您使用“上传字体”、“上传图片/图标”等功能时,您需要对这些素材负责。请确保您上传和使用的任何文件都已获得了原版权方的合法授权,或使用无版权可商用素材,当前blokko内置素材,在不涉及商业化前提下,均可免费使用。
双击/点击编辑: 预览区域的大部分文本内容都可以通过双击(PC端)或点击右上角铅笔图标(移动端)直接进行编辑。卡片内容现在支持强大的富文本编辑!
快捷键: 支持 `Ctrl/Cmd + Z` 撤销和 `Ctrl/Cmd + Y` 重做。鼠标悬停在撤销/重做按钮上,可以看到具体的操作历史。在富文本编辑器中,也支持 `Ctrl/Cmd + B` (加粗) 和 `Ctrl/Cmd + I` (斜体) 等常用快捷键。
拖拽排序: 在左侧“内容图层”面板或者中间的预览区域,你都可以直接拖动模块来进行自由排序。
自由布局: 点击预览区的任何一个模块,在右侧检查器的“选中”面板中可以为它设置独立的宽度,实现多样化的混排布局。
锁定模式: 点击右上角的 "编辑中" 按钮可切换到 "预览中",此模式下禁用所有编辑功能,方便在手机上顺畅滑动浏览。
您的创作100%在本地: 您的所有创作数据,包括您上传的头像、背景图、字体文件、卡片内容等,永远不会离开您的电脑。所有处理都在您的浏览器中完成,云端不会存储您的任何信息。
第三方服务(图标与图片搜索):
本工具的实现离不开以下优秀的开源项目,在此表示诚挚的感谢,欢迎点击名称跳转到对应官网/github仓库去支持他们的工作:
以下项目均基于对商业友好的开源协议,特此感谢。
Copyright (c) 2024
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Copyright (c) 2017, Jason Chen. All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions
are met:
* Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright
notice, this list of conditions and the following disclaimer in the
documentation and/or other materials provided with the distribution.
* Neither the name of the author nor the names of its contributors may be
used to endorse or promote products derived from this software without
specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES, INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
本项目集成的推荐字体,除两款来自站酷的字体以及“栗壳坚坚体”“平方张亚玲黑方体”以外,均基于 SIL Open Font License 1.1 协议,均可免费商用。
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting — in part or in whole — any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining a
copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
Monitor of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
最近各个平台Blokko使用人数变多了不少,也有看到大家分享网站,甚至我在微博和小红书无意间都会刷到大家使用blokko制作的扩列图,很感谢大家支持Blokko,但也是近期关注到部分社交平台出现利用Blokko制作付费图片的情况,需要声明的是,利用Blokko进行包括但不限于“付费代做”“接单”“售卖图片”等行为是禁止的,换言之,你不能出售使用Blokko生成的图片(基于交易行为的买XX送也不行),这种行为严重违背了我开发的初衷,也希望大家抵制,这种变现行为真的很打击我维护的热情Orz,Blokko鼓励大家互相分享json模板,BK码等二次无偿分享行为。
Blokko 是一个方便大家快速制作扩列、自荐、置顶图的小工具!因为本质上是自用小工具,很多地方都没有细细打磨,略显简陋,也缺少完善的新手教程 _(:з」∠)_。未来或许会补充一个在线文档(在写了在写了)。制作的初衷是发现 lit.link 网站对简体中文支持不完善,很多字体都会缺字导致效果不好看,于是制作了 Blokko 来替代。
如果你在使用中遇到 BUG,可以通过链接私信我,然后使用“标准导出”功能将 JSON(如果愿意的话,强化导出的 ZIP 包是最好的)文件通过邮件发送至 baozi050228@outlook.com。
如果觉得好用,也希望能点击链接去置顶评论区留下评论或转发,或者是在自己制作的图评论区、正文里贴上原博链接(也就是置顶那一条)。当然这些都不是强制要求的,就像水印在不使用 Pixabay 图片的情况下不会被强制勾选一样,但如果可以的话,真的会让我很开心!
最后感谢您使用 Blokko,希望它能帮你实现满意的效果 ദ്ദി˶•̀֊•́)✧
作者: 四十七 / baozi_cola
嗯...总之还是和上次一样,想到什么写什么,想到什么说什么!
最近没啥灵感,所以多做了一些性能和界面布局一类的易用性优化,目前提升应该是还算明显的
正式开始前,说说这段时间遇到的事发发牢骚,还是想要再次强调一下,Blokko是免费网站,我没有收任何人钱,因此我可以不为任何人使用体验负责,也没有更新维护的义务,我一直更新修BUG加模块纯粹是我自己希望各位朋友能用的舒服一点,对我来说,我自己的需求,其实早在2.0刚重构完就差不多完成了,而且其实说实话,做属性图这个赛道Blokko应该是还算比同类型工具花样多一点,操作简单一点的,往上的话,可以自己去用图片模板+醒图,或者手动PS一类的,往下是便签一类的长图,如果你觉得Blokko不好用,遇到了BUG我没来得及修复,你该做的,是去选择更适合你的工具,或者乐意等待的话,可以带上报错/希望修复的东西来告知我,而不是私信来咄咄逼人的问我“为什么没有XXX?”“不想做直说”,Blokko只是一个开放给大家用的自用小工具而已,这种大佛我真诚的建议你去使用Adobe Photoshop,你想要的效果在这里都能实现,我几乎是是日更网站,已经很难了,主包修完BUG看到这种私信嘎巴一下就似过去了,看主页年龄小也就不和这种人沟通交流直接拉黑了。
牢骚发完了,总结下这段时间的工作吧,先把画过饼的给写一下
首先是性能优化,最近版本引入了Service Worker来优化首屏速度,简单来说,这个Sw就是把那些引用的js库全部存在本地,在过往版本里,大家每次打开Blokko,网页都要重新下一趟Blokko用到的所有妙妙工具(就是感谢列表里长串的js库),现在这些妙妙工具,只要在版本更新以后打开过网页,且被正常拉取过,那么哪怕是断网你也可以正常使用blokko,未来打开页面的时候也会用已经存在本地的妙妙工具,且版本更新不会影响到这部分,也就是以此来提升了第一屏速度,现在第一屏速度有了明显的提升,鼓掌鼓掌(888888),然后做了低性能模式开关,通过这个可以调整动画开关来减轻设备压力,当然副作用就是需要各位多刷新两次网页才能接收到更新了。
当然也还有提升空间,未来也会尝试用更多优化手段的。
第二个是上次说的模板库功能,好消息是我端出来给大家用了,坏消息是,我果然模板做的不咋地,明明大伙做出来的还蛮好看,到我手里聚是一坨屎散是满天星了,最后只端出来了三个模板,一个还是默认的,丢人丢到姥姥家了,当然大家要是有做出来好的模板可以私信我,现在模板系统是带有署名功能的,大家做的图我是可以署名的
上面这些是画过饼的,然后就是没有画饼但是做了的东西
首先是支持了tintro的数据格式,在上次碎碎念和大家推荐了tintro,下来寻思了下,Blokko要实现tintro的json双向兼容难度不高,所以就做了双向json导出数据支持,我也不好意思打扰人家作者让人家来支持我的数据格式,所以就主动适配了(ノ´д`)未来可能也会支持别的数据格式导入,其实蛮想做一下litlink的格式支持,但是卡在一些步骤上了,毕竟litlink没有提供官方的数据备份功能,所以未来如果做了的话应该是用浏览器书签的形式来提取数据。
好像无意间又画了个饼,总之就是,不好说能不能做出来啊()不要对我太有信心。
第二个是UI迭代,应该有一部分人已经注意到目前这个导出模态框UI已经是新版本的了,而且当前选中的也做了新版本的UI,主要是为了适配2.2.6版本开始的新版UI,Blokko毕竟一直在更新,旧版本的UI和新版本多少有点割裂了,因为要做设置功能,还有tintro的导出也要有合适的UI放置,旧版本UI的话会很长一列,所以顺手迭代了一下,现在比以前会更精致一点,历史遗留的像是zip导出啊,json导出的下载面板会有奇怪的裂图也实现了新的图标占位,另外既然UI都迭代了,近期版本也干脆把历史遗留的那几个智能配色,和新的模板功能开了个新的分页放在全局编辑下面,理想状态是如果你不想改模块,那就选个模板,改个预设就能直接用,选中面板的UI迭代思路是尝试把编辑区域和比例一类的分开让大家方便一点,因为右侧容器的UI大家大概率改了一次就不会再动了,这样可以少上下滑一点,主要是因为未来大概率会加一点新功能,所以得提前做好拆分工作了
在听《致以无名者的抗争》,所有人立刻打开手机给我听这个.jpg
第三个的话,是操作的整体优化,手机端一直都有一个问题就是预览难,其实上一篇碎碎念也有提过这个,所以最近想出来的办法是复用先前在滑条拖动的时候就会触发的半窗透明功能,开放给大家自由调节,和以前的固定弹窗位置相比,现在也可以拖动半窗高度,选中模块也会自动移动到空白处,另外引入了Js库来实现流畅的拖动体验,希望这些改动能让大家编辑体验更好一点
第四个是,好吧有点太多了快速过一下,多了容器样式,就是最外遍可以变成win95的状态栏,多了让卡片重叠的功能,多了调节卡片高度的功能,多了标签DIY功能,多了关系网模块,多了回收站自动清理功能,迭代了“基础”分类下面的样式功能
行了就这样
接下来短期内的工作,是排查所有模块的样式,然后对一部分早期制作的模块进行迭代重做,是这样,我前几天数了下,Blokko目前大概有80种样式,除了关系网/裁剪线,每个模块都有3种以上的样式,音乐更是一骑绝尘的达到了8种风格,加上我短期内也确实是没有什么新点子,在2.7.0到来前,应该都是对现有模块分批优化一下,在这期碎碎念更新的2.6.8版本里,已经完成了对“基础”下属的四个模块的迭代,开放了更多设置给大家DIY,因为这一批模块其实没有那种样式上看起来丑的,所以思路上是开放更多可选的调整给大家,下一批模块调优是音乐模块和书影音模块,这两个模块作为早期开发的模块,还是存在一些不太满意的地方,比如音乐的默认样式,歌手名和歌曲应该会移动到图片下方,而书影音的杂志样式应该会更贴近大家常见的报刊类杂志,总之就是会针对早期样式进行一定的修改,然后给大家更多的自由度
还有多页面导出功能,其实目前版本已经在紧急导出界面实装了一个紧急的全量导出功能,但是这个是zip包打包json,大家需要重新上传图片,我想看看能不能有办法让大家更方便的办法,这次UI迭代也是提前为多页面导出打个基础
然后未来,还是之前画饼的那些()Html啊,贴纸重做和文档啊,总之这些还是会尽力去做想办法端出来,云同步可能得坑掉了()
先写到这,得推版本了,刚刚排查出个严重BUG可能导致数据丢失,早点推了修了比较好Orz
2026年1月12日18时28分留
四十七/baozi_cola
这段时间BUG修的差不多,我也暂时没啥灵感,所以可以空下来码点字了。这个地方的文字会不定期更新,纯粹就是,我想到啥写啥,梦到哪句说哪句。
正式开始唠嗑以前先说点冷知识!目前Blokko除了基础下的四个模块以外,从返图来看最常用的应该就是“宫格”+“音乐”模块,这两个模块在大家返图的出镜率相当高,然后是对话和社交圈。
而样式方面,从返图来看,抛开每个模块的默认这种皇族内部爱选手(不是),最欢迎的是名片的证件样式以及宫格/图片的拍立得样式,其次是时间轴的收银条,最后是按钮的通知。
恭喜以上模块荣获Blokko优秀员工,希望2026再接再厉啊朋友们(bushi)。
首先是大家的评论!我其实都有在看,而且基本上是大家发了就秒看的那种,但是基本不回。一个原因是,虽然Blokko是一个扩列小工具,但是四七我并不是一个擅长沟通的人Orz,甚至是很社恐的人,发言都得自己审查三五遍会不会冒犯到人的那种,所以说就没有回复。但是大家发的评论关心啊夸奖啊都收到了!我到现在还记得那条发了“宛如普罗米修斯盗取火种给人类”的评论,我真的没绷住笑了半天()。这也是我写这个碎碎念的原因,单方面的输出文字其实更在我的舒适圈里ψ(`∇´)ψ,以后可能会不定期(?)在这里碎碎念一点东西。
虽然不回评论,但是其实修完BUG睡前会高强度自搜几个和属性图有关的tag,然后看大家做的图啊啥的。因为Blokko是模块的设计,所以大体上我还是能认出来那些图是用Blokko做的。有几位朋友扩列图做的实在是貌美(),回头看看自己自介图就是风景背景图+半透明文字卡片。明明是自己做的东西,明明是应该最懂软件的人,做出来的还没大家一半好看,丢人啊——(ノ´д`)。
比较意外的是在微博搜“Blokko”的TAG真的有人在推荐Blokko。最开始的时候,Blokko其实只是一个给自己的互关以及自己用的小工具(旁边tab里这句话还没删hhhh),这又是很——长的一段故事了。功能上,最早期版本其实有点像是隔壁的Tintro,但是Tintro只有两个字体,而且不能撤回,我又很喜欢用一些自定义字体,所以用了一段时间以后,摸到Github发现虽然仓库开放了,但是没有填写授权许可证信息,我自己fork改完也不能发布给互关用,又是个社恐人实在不好意思去问能不能加功能,或者要个授权允许我二改发布之类的(ノ´д`)。在没有明确授权的情况下私自发布本地的二改fork,既不合规也很不尊重原作者,就只能自己从零开始定架构做一个不一样的了。
哦对!说到Tintro!如果你还没开始用Blokko作图而是直奔碎碎念,试用完Blokko觉得Blokko的各种功能让你感到负担的话,不妨去试试Tintro吧!相对Blokko而言,界面更整洁,也有文字卡片和放置图片的方式,没有很多花里胡哨的,对于只想要做一张纯粹的扩列图而言无用的玩意,更聚焦于纯粹的文字编排体验,Tintro其实已经能够满足绝大多数人的需求了!而且ios相关支持看评论区反馈,也比在用ios兼容导出的时候总是阴影乱飞的Blokko好。我在放弃litlink以后,开发Blokko前也是使用的Tintro作置顶图,在小红书站内搜索“Tintro”就可以看到那位老师发的帖子啦!如果Blokko用不惯,还请务必去试试Tintro!也可以去Tintro的GitHub仓库点一个Starद्ദി˶•̀֊•́)✧。
再聊聊关于代做,售卖Blokko图片一类的,这个是我自己的个人的一点小小坚持。我不希望一个免费网页软件,可以靠信息差的方式,让一些人从中直接获益。Blokko做了很多分享层面的吃力不讨好的功能,像是Bk码啊,以及在最早期1.0版本就实装的模板导出啊,这些功能设计的初衷都是“万一Blokko真的哪天火了,大家想要复刻这个布局和配色,而作图方也乐意分享,通过这个功能就能快速的得到一张类似的图”。我还是有一点自己的坚持的,而且我都没用Blokko挣钱,没问过我就拿着Blokko的素材去卖图片是不是有点...?甚至我那天看到的时候正是24小时通宵没睡,修完BUG午休了四小时,下午刚醒就看到有人把Blokko的图片拿去当自己的“客单”例图,也没人和我私信交流过要授权的事情,所以当晚也就快速写了个公告发小红书,第二天更新就把禁止付费内置进网页里了,而且是更新公告+常驻公告两个位置都置顶。
我不是不想挣钱,我很想赚钱,谁不爱钱呢.jpg。但我不希望Blokko是一个大家花了钱才能用的工具,也不希望Blokko要向某些人付费才能得到图片。我做Blokko的第二个原因就是,litlink如果想要使用一些美化功能,必须要付费订阅才行,这不好。至少我是很不喜欢这种模式,但是litlink毕竟是公司产品,人家也要恰饭嘛。行吧,那就自己做吧。
扯远了,Blokko能保证的是,未来不会有付了钱才能用的功能,除非是真的未来我能干出云同步这种烧钱玩意,但是这玩意还涉及后端啊合规一堆复杂玩意我觉得我不会做的()。至少可以保证的是,所有的编辑功能和导出功能肯定不会收费。Blokko除了消耗我精力,和每年固定缴一笔不算高的域名费以外,其余成本都由CDN承担了。我顶多可能以后在这个“碎碎念”右边,加一个什么“支持开发”“请我一瓶快乐水”或者“疯狂星期四!V我50!”的tab,点进去有俩收款码,然后大家用了满意打赏个两块钱,不想打赏就不管接着用就好。而且如果我开始强制收费,我就得为大家的使用体验负责了。我现在都有一堆BUG修不完了,真强制收费我还修不完Bug的话,我良心会不安的。因此打赏制让我在跑路的时候可以没有那么有道德负担(不是)。
哦对!关于移动端编辑!虽然我已经很努力的在尽可能去优化移动端体验了,比如长按不移动呼出卡片编辑啊,因为移动端原生取色器难用搞了个自制颜色选择器,还有P2P的本地快传,但我也知道,移动端作图体验其实还是蛮灾难的,但是目前为止我也没有找到一个好办法来解决移动端编辑问题Orz。而且我看后台统计移动端和win几乎是五五开的比例,只能说以后仍然会想办法,在可行范围内尽可能去优化安卓编辑体验,比如这段时候已经重新调整了所有模块的高级选项,把常用的移出来不常用的放进去,然后也在想办法看看能不能把PC端的右键菜单也移植到手机端来。
还有就是ios端,虽然也归类在移动端,但是因为苹果的浏览器又强制Webkit内核实在是太难搞了()。我其实不确定到底是苹果激进的浏览器内存管理策略还是Webkit导致的一堆问题。因为我并没有真机,没有Mac也没法模拟ios环境去适配_(:з」∠)_。所以综合考虑以后,与其把精力投入到我无法确认的优化上,不如专心做好我能优化和验证的安卓和winPC上。
以及就是未来的一些饼()。当然这些都是饼,我目前还不能保证做出来,总之大家图一乐就好,不要对免费网站和我的技术力抱太多信心()。
第一个:是我一直想搞,但是没搞出来的“云同步”。尽管Blokko是一个免费网站,也不想加入后端,但是其实还是有一个办法或许能做到手动云备份,也就是通过“WebDev”,简单来说就是大家自己注册网盘,然后自己上传。我暂时ban掉这个功能了,因为我发现可能会有隐私泄露风险,加上我自己做出来以后也没成功同步过()就,只能是个饼了。
第二个:是官方文档。其实一直在写教程,我甚至在想要不然摇AI帮我做一个轻量版Blokko互动文档站。但是问题是,我觉得不会有人有耐心做个属性图还要看一堆字的()。等等这里是不是也有很多字啊?真的会有人看完这些吗?总之姑且当个饼,真要做估计也是寒假做。
第三个:是html导出()。我再也不夸海口了。虽然Blokko技术上确实能做到导出html,但是问题是目前导出html以后会有很多诡异BUG。前几天那个已经转隐藏的视频展示的模块已经是Blokko少数几个做好适配的的模块了,其他模块我都不敢抬上来见人()。
第四个:是贴纸系统的完全重做。目前贴纸系统的BUG太多了...什么图层顶层底层失效啊,导出偏移啊,手机端卡顿啊。到时候可能会引入一个新的Js库来处理,但是我排查一圈发现市面上js库似乎对SVG图标处理都不得劲,有点难受。
第五个:就是官方的模板市场。未来空下来有大片时间的时候,应该是会做几套官方的模板,贴上图。如果你乐意折腾,可以自己从零用默认模板做;如果你想省事,到时候就选一套心仪的,在全局里调下色,双击改文字导出就完事了。
(ノ´д`)本来这个优先级很高的,但是大家做的图都实在太好看了我自己没信心了。我的审美真的不如大家万分之一啊,希望别到时候我做出来以后发现还不如让大家自己用默认模板。
最后就是性能优化。Blokko目前大家打开速度太慢了。主要是CDN资源需要联网拉取,还有我穷租不起服务器,只能用Cloudflare Page以及Vercel静态托管来解决。只能想办法从各种地方补一点速度出来了。最近的版本大家导出图片应该已经体验到了,速度比以前稍微快了一点,这种优化以后还得多做点才行。
我去!3600字了!谁家碎碎念写3600字的!总之!就写到这里算了。不会真有人看完3600字这种没营养的文字吧,不会吧。
四十七/baozi_cola
2026年1月3日凌晨4点32分留
↑好不真切啊居然要打2026了
这个分页是用于自愿打赏的,Blokko 是一个免费网站,在可预见的未来里是不会有任何强制收费项目的,理论上在这里其实少说话,然后把这个分页独立出来做个单独的按钮和弹窗,说开发不易之类的卖卖惨,最后把码放在开头字放下面能提高打赏概率(Gemini是这么说的),但是大家看碎碎念也能看出来我是个很嘴碎的人,还是想要多说几句。
首先是打赏是完全的自愿行为,不管你打赏多少都不会干涉到我对 Blokko 的维护,因此不管打多打少,最优先的还是希望各位过好自己生活,在这之后,如果 Blokko 确实是对你有所帮助的话,再考虑打赏,如果喜欢这个工具,把网站分享出去给更多人,去评论区返图,或者主动勾选水印,就已经会让我很开心了,说这些主要是因为,我不想因为大家的打赏驱动去做Blokko,所以大家打赏以后,也不会那种长串的打赏感谢名单。
如果有看过我那个特别长的第一期碎碎念的话,其实有提过Blokko不想赚钱,但是四十七想赚钱,谁不爱钱呢.JPG,但是也是最新一期碎碎念提了“我没收任何人钱,不为任何人使用体验负责”,或许有点又当又立,但是我贴这个码的想法是,如果你用完了以后,觉得导出的图还算有意思,刚好有余力且乐意,再扫码,毕竟我水平有限,承诺不了“你打钱了就会加速开发!”“XXX功能只要累计打赏XXX金额就会开始制作!”“打钱用户可以用XXX的功能!”这种东西,如果我承诺这种东西那可能是账号被盗了(),至少Blokko不会出现,以后要是有别的网站就不适用了,Blokko制作的几个契机之一就是lit.link有些功能要会员,我再搞强制收费说不过去我的道德感这一关也过不去,因此未来还是一切照旧。
不管有没有打赏,只要我有精力,或者有自己想要做的东西,亦或是看到大家有意思的点子想法,我就会去试着做,遇到BUG,只要我能解决也有精力时间就会修复,当然也可能和以前承诺的一样,如果哪一天没热情了,Blokko就找个合适的版本停下来,然后不做新功能了偶尔修一修BUG,Blokko的ZIP导出/导出到tintro也是基于这个原因做的,就算哪天Blokko关掉了,大家本地解压压缩包,会发现自己的数据都还在,到时候如果有别的属性图工具,也乐意支持Blokko的格式,那大家可以带着数据一键跑路,就算没有这种这种工具,你把json丢给AI,然后让他提取文字数据,也无非就是回去用litlink,想多给大家留点后路。
怎么感觉变成碎碎念2.0了。
Anyway!
如果你用的开心,可以选择扫描下方二维码支持四十七!
通过二维码快速分享配色,或复制右侧的BK码手动发送,该功能仅用于分享配色,不包含文字/图片信息。
BK 码:
请上传样式二维码图片,或者粘贴 BK 码。
请确保手机与电脑位于同一局域网下
使用手机自带扫一扫或浏览器扫码
您正在访问 Blokko Beta (测试版)。
此版本用于开发者调试,可能包含未完成或不稳定的功能。并存在功能不稳定、数据丢失等风险,当前版本无密钥直接确认即可,数据可与正式版互通。
普通用户请前往“blokko.top”“sot.blokko.top”正式版使用。
在使用 Blokko HTML 导出功能 之前,您必须知晓并承诺以下事项:
Blokko 仅提供静态页面生成技术,不存储、不审核、不控制用户生成的内容。导出的 HTML 文件由用户全权管理和分发。