网页插入一段文字的打字机效果，逐字出现循环回退删除动画 | 张洪Heo

主站展示位

新配了一个专门玩英雄联盟的台式机主机，分享下配置和过程 | 张洪Heo

我只玩英雄联盟这一个网游，之前一直在用我淘汰下来的MacBook Pro 2019 intel i7 版本刷windows系统来玩英雄联盟，但是因为夏天温度比较高，所以经常1080p60帧都跑不上，无奈只能被迫更新一下机器了。买一个便宜的主机来玩。 英雄联盟是吃CPU的游戏，所以我的装机思路就是够用的CPU和能亮的显卡即可。 配置单拼夕夕买的无显卡整机。本来想着用我上古时代的宝贝主机拆下来GTX1

1 2024-11-25 00:55 查看原文

Heocan 11 ｜ 野餐健康LOGO设计 | 张洪Heo

Heocan 11 ｜ 野餐健康LOGO设计 之前的Hoocan更名并且恢复更新啦！我准备输出一个定期发的设计周刊，和大家分享我所见到的优秀的、令人惊艳的作品和视频。Heocan主要分析Dribbble、Behance、Bilibili等网站优质内容和趋势。 本期榜首：PicnicHealth 作品地址 将餐巾布普遍的方格子和代表健康的+号联系在一起，饱和度高、亮度高的颜色给人新鲜、活泼的感受。非

1 2024-11-29 09:57 查看原文

免费商用字体：阿里健康体下载(支持盲文和注音) | 张洪Heo

为了帮助1700多万视障群体安全用药，阿里健康设计委托方正字库进行联合设计开发出首套中文+盲文+注音的定制字库阿里健康体，已应用于盲文药盒、健康品外包装、健康指南等领域。 未来，阿里健康希望携手更多医药与设计行业合作伙伴，提供更多的无障碍服务。阿里健康致力于让医疗健康服务普惠可及，阿里健康的设计则致力于“为真实世界的医疗健康服务设计”，帮助用户获得符合自身健康需求的产品体验。 字体介绍

3 2024-05-06 07:40 查看原文

这个十一，我把爸妈接到了北京来玩 | 张洪Heo

这个十一，因为忘记买回家的火车票了，再加上我的父母也是一辈子在丹东生活，没有到过外面的地方，所以把父母接到了北京来。我妈一直想要坐一次飞机（我也没坐过飞机），所以这次来北京买了个机票，返程买了个火车票。 购买机票机票还是比较贵的，虽然票价高铁和机票都几乎相同，但是飞机多一个机场建设的费用，最后还是高了不少。机票花了1200左右。 这是我第一次购买机票，对比了几个旅行的app后发现美团是我找到的最

3 2024-05-06 07:40 查看原文

Mac安装StableDiffustion-webui教程 | 张洪Heo

ai绘画一直我都在用midjourney、文心一言、GPT4来画，但是面对一些想要自由调节、敏感内容且免费的绘画也就只能是stable diffusion了。mac装webui也并不容易。这里记录一下安装方法，以备未来所需。 目前mac上安装stable diffusion的方式主要两种，一种是使用Drawthings，可以在App Store下载，另一种是使用webui。 应用 优点 缺点

3 2024-05-06 08:01 查看原文

让网站根据浏览器自动选择是否展示webp格式图像 | 张洪Heo

关于webp格式的好处，我在很久之前转载过一篇文章：WebP 相对于 PNG、JPG 有什么优势？那个时候我的博客刚改成使用webp格式，不过后来出了一些问题导致我回滚了这个操作。 时隔近一年时间，我的博客再次重新支持webp格式了。这篇文章主要是介绍我的博客是如何判断浏览器是否支持webp格式并将所有的图片以webp格式展现。 我的配置因为我使用的是七牛云自带的格式转换的图片样式，所以我使用了替

1 2024-11-25 18:17 查看原文

Whisky上手：如何在Mac上运行Windows软件和游戏 | 张洪Heo

因为macOS14拥有了模拟windows的能力，开发者使用对应API实现了这些功能（基于Wine），可以通过类似转译的方式用接近原生的性能运行windows程序和游戏。 对于普通用户来说可以使用一个app叫做：Whisky 仓库地址 蓝奏云盘下载地址 安装安装之后我们就需要安装一些核心组件。需要根据提示安装Rosetta和GPTK 安装必要组件我们还需要使用Winetrick来安装组件，首

2 2024-11-29 08:53 查看原文

让网页支持iOS添加到主屏幕全屏应用，webapp启动图生成 | 张洪Heo

好久没有写魔改了，这次写一个提升网页体验的魔改教程吧！因为比较喜欢打开APP的感觉，但是为了博客做一个app显然是大材小用了。毕竟也不是社交媒体社区之类的。所以一个简单的类似应用内一样的app是最好的。看到了爱发电的iOS版本用的就是添加网页到桌面的方式，但是没开启pwa，所以我就尝试一下复刻。 这里展示的是Hexo的Butterfly主题的修改方法。其他网页的修改方法大同小异，无非是head标

查看原文

如何用一张图片生成说话视频 | 张洪Heo

看到b站Al赵大师兄的视频感觉非常有趣，通过对话的方式来进行作品和人生的介绍。 这个视频的制作流程首先可以拆分成两个人物说话的视频拼接，那么我们来分析一下。 文本我愿称之为整个流程最简单的部分，基本大多数AI模型都能做，比如“请你扮演XXX”然后自己说一些话来提问。文案部分就不再赘述。 声音目前看来通过VALL-E X生成声音会比较容易一些。如果你不喜欢自己部署，也可以进入下面任选一个地址访问

查看原文

Sketch教程：路径文字/文字按路径展示 | 张洪Heo

选中文本，点击菜单中的字符→路径文字。之后将文字图层放到目标路径图层上部，移动文本图层接近路径。 虽然现代设计我们很少会用到路径文字，但是在用Sketch做一些视觉设计的时候我们偶尔会用到路径文字，那么怎么使用呢？ 1.首先我们先创建一个对应路径： 2.创建一个文本控件 3.点击菜单中的字符→路径文字 4.将鼠标拖拽到路径上 注意：文字图层必须在路径图层的上方。

查看原文

潘通 2022 年度色发布：PANTONE 17-3938 长春花蓝 | 张洪Heo

少废话，先用上长春花蓝1234sRGB：102 103 171Hex：#6667ABLAB：45.75, 12.21, -36.75CMYK：70 63 9 0 数据来自官网 潘通发布2022年度代表色 一个新的彩通色彩，以勇气十足的风貌激发个人的创意与创作力。 var player = new DogePlayer({ container: document.getElemen

1 2024-11-29 08:51 查看原文

原创mac搜狗输入法皮肤：深黑滑稽皮肤，简约风格 | 张洪Heo

最近换到了搜狗输入法，瞬间感觉输入的准确率、输入法的性能上了一个台阶。但是单是从外观样式来说真的很拉胯。感觉没有像苹果那种非常简洁的皮肤。看了一下搜狗是提供了皮肤的编辑工具的，那还不如自己去做一个皮肤来的实在。正好用了Sticker-Heo项目中的滑稽表情，也算是一个比较有代表性的表情了，制作了这个皮肤。 皮肤预览 皮肤下载蓝奏云下载 海鸥云下载 本皮肤仅适用于mac版本的搜狗输入法，请设置

查看原文

Drawthings AI绘画基础教程2：念出我们的咒语 | 张洪Heo

在第一章我们成功的树立了AI绘画的信心，并且成功使用了AI绘画在极短的时间输出了一个AI绘画图片，这是一个重大的开始和突破，我们通过drawthings已经领先了非常多的人了。现在我们来进行一些配置，让drawthings更好的工作。 一些简单的设置左侧的界面滚动到最底部，然后点击芯片按钮。 我们可以按照我的这个进行配置。 提示词还记得我们最开始说的四个基础知识吗，模型、lora、提示词、负面

2 2024-11-30 17:38 查看原文

Origami入门教程2：元素变化（Transition）和动画（Animation） | 张洪Heo

我们已经掌握了页面切换了，那么接下来我们就可以尝试进行一些页面简单的交互设计。Transition是我们最常用的交互逻辑，比如我们要改变位置、尺寸等都是需要Transition。当然控制Transition之前我们需要添加一个Switch，这样在我们改变Switch之后，Switch可以触发Transition进行变化。 我们通常是从后向前来添加Patch。比如我们知道更改之后的样子。 制作效果预

1 2024-11-28 13:07 查看原文

批量替换旧的Twikoo表情包地址，修复旧的jsdelivr链接 | 张洪Heo

之前sticker-heo一直使用的是jsdelivr链接，但是因为近期jsdelivr已经彻底失效，近一个多月以来本项目已经换了三家cdn了。更换cdn确实提高了访问速度，但是旧版的sticker-heo表情仍然是不可访问的状态。 这里介绍一下如何更改旧表情链接地址方法，其他评论系统大同小异，这里只介绍twikoo。 下载数据库内容进入数据库页面在腾讯云云开发 -> 数据库里找到twiko

2 2024-12-17 00:04 查看原文

Photoshop获取图片线稿，提取图片边缘线方法 | 张洪Heo

我们一般使用高反差保留+柔光的方式来锐化照片，但是有的时候锐化效果不是很明显，可能我们需要一些提取边缘线的操作来锐化照片。当然，提取边缘线也可以用于提取图片的线稿，来做出更多效果。 调整素材选择一张图片作为素材。 command+J（mac）或ctrl+J（windows）复制图层 将图片调整为黑白 通过调整黑白的颜色数值来隐藏不需要的边缘，例如背景我就让它尽可能白一些，因为我不需要背景的边

1 2024-12-24 23:49 查看原文

GitHub成就获取，如何快速获得GitHub成就勋章 | 张洪Heo

GitHub在9号推出了全新的成就勋章，多了很多比较好看的成就勋章，快来获得他们吧！ 当然，恶意的刷GitHub成就并不能满足你的虚荣心，请勿恶意刷成就！ 大家找朋友帮忙获取最低级别的成就就好了，来装饰你的GitHub主页，更高等级的大家要通过自己的努力获取才能让自己更有成就感。 成就勋章预览 Galaxy Brain 需要被认可的回答达到2次。 你可以在已有的项目的Discussions中找个好

3 2024-12-10 19:54 查看原文

Anker磁吸充电宝上手：一个便携的Magsafe应急充电方案 | 张洪Heo

因为之前的素乐小充电宝突然不工作了，所以无奈之下找商家换货。用了大概九个多月，非常的舒心。因为磁吸充电宝可以边充电边拍照，几乎不影响你的手机操作，所以很适合出去玩的时候携带，比带一根线的充电宝和自带线的充电宝好多了。 拼多多去换货，因为商家没货所以给我全额退款了💦。因为我之前的信用卡注销了，导致无法自动退款💦。因为不能自动退款联系客服之后额外补偿了一个50块钱无门槛优惠券💦。 所以我相当于拼

3 2024-12-17 23:26 查看原文

用AI一张图片生成跳舞视频 | 张洪Heo

阿里的通义千问憋了一个大活，在手机端输入“全民舞王”，就可以一张图生成跳舞视频了。生成时间在10-15分钟左右。效果很是炸裂： 我只用了一张图，效果真的炸裂了属于是。 主界面 有非常多的舞蹈。 上传的图片有一定要求，需要全身照以及正脸。手里最好不要拿东西。不过我生成的发现拿东西更有趣，我就留着了。 废话不多说，赶紧去让你的亲朋好友都来跳科目三试试吧。 限制目前仅支持手机客户端。

2 2024-12-23 19:28 查看原文

Sketch教程：如何制作绘制断点，绘制MBE图标基本操作 | 张洪Heo

从统计里看到有人在找Sketch绘制断点的问题，其实Sketch完成这些矢量编辑问题非常容易。你可以非常方便去编辑他们。这个时候就要派出断点神器——「剪刀工具」。 找到剪刀工具剪刀工具还算一个比较常用的工具，我们可以给他放在工具栏上 绘制形状我这里绘制一个胶囊形状 编辑形状双击形状进入锚点编辑模式 然后在需要打断点的位置添加两个锚点，两个锚点之间的空隙就是空白区域 断点使用剪刀工具，点击

2 2024-12-16 11:34 查看原文