在Butterfly中添加wow.js制作能够响应鼠标滚动的动画 | 张洪Heo

主站展示位

最近评论 | 张洪Heo

产品设计师、独立开发者、设计与科技领域自媒体博主

查看原文

基于Hexo的Butterfly下自定义指定首页文章卡片高度 | 张洪Heo

列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措，例如文章置顶。但是文章置顶多了就会看不见新文章，置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的，丰富层次。 这个文章的核心思路就是给文章的markdown文件里添加一个large参数，当large=true时，则文章会添加一个class。然后针对这个class进

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

出现问题的友链 | 张洪Heo

出现问题的友链为了避免友情链接页面内容过多的问题，出现问题的友链和失效（例如证书过期）均移动到这个页面。请各位建站时注意保持站点的可访问性，避免被巡检时标记为异常。 出现问题的友链 出现问题的友链（会有一次复查机会）被移动到这里的友链有一次复查机会，如果仍然无法访问，将移动到不在复查列表。 123456789101112131415161718192021222324252627282930

查看原文

这个十一，我把爸妈接到了北京来玩 | 张洪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 查看原文

Origami入门教程1：导入图层与页面的切换 | 张洪Heo

Origami Studio是Meta出的一个交互原型的制作软件，我之前用过Principle，它的滚动动画的编辑方式令我印象深刻。而Origami使用了一种类似模块的原型编辑方式。这有点像Unity开发，也像3d材质贴图和Homeassistant自动化的设置逻辑。在初步体验下来，感觉灵活度和自由度都非常的高。 另外这款软件是Mac独占软件，不支持简体中文，不过词汇都是平常常见的。 写这个教程的

1 2024-04-20 03:13 查看原文

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标

查看原文

Sketch教程：给文本添加修饰、调整字符选项（下划线、删除线、调整大小写） | 张洪Heo

点击「字符」右侧的设置按钮即可看到选项 在Sketch中我们偶尔也会需要一些删除线，例如电商促销打折等等。我们通过删除线可以快速添加这个效果。 选中需要添加删除线的文本 在右侧的属性栏中找到「字符」 这里都是设置字符属性的位置。 点击「调整字符选项」 我们就可以看到更多字符相关的选项了 我们可以添加删除线、添加下划线，还可以让Sketch中的全部英文大写或者全部英文小写。

1 2024-11-29 01:20 查看原文

Mac如何连接不同WiFi使用不同的网络位置，自动切换网络位置教程 | 张洪Heo

因为不同的Wi-Fi打算用不同的dns，mac提供了「网络位置」的功能来让我们可以对不同的wifi进行不同的代理设置和dns等等。但是这个功能切换的方法无非是进偏好设置面板或者在左上角菜单中切换。 但是这个操作太容易忘记了，怎么才能自动切换呢？ ControlPlane这个免费开源软件可以根据不同的规则执行不同的自动化操作。 下载地址： 引用站外地址，不保证站点的可用性和安全性

2 2024-11-29 06:31 查看原文

Photoshop计算功能用法，如何给照片去油光，去除脸部反光 | 张洪Heo

自拍照或者给人拍照最难以避免的就是人脸的高强度反光了。有反光和无反光会非常大幅度影响照片颜值，反光让人感觉比较油腻。那么如何去除反光呢？通过去除反光来介绍一下Photoshop的计算功能。 Photoshop的计算主要是用于通道的混合模式，因为我们知道图层是可以通过上下层来建立混合模式关系的，但是通道没有上下层的概念，所以我们就需要通过「计算」功能来创建通道的混合模式的结果。 准备我们先准备一个需

2 2024-11-29 05:19 查看原文

Mac文件夹多语言设置（语言本地化/文件夹名称变成英文解决方法） | 张洪Heo

Mac文件夹多语言设置（语言本地化/文件夹名称变成英文解决方法） 我也不知道什么时候突然有一天我的下载文件夹的名称变成了英文Download。。。真令人头大，虽然没有影响使用，但是每次看到他都十分烦闷。今天终于给解决了。 我们可以看到这个下载文件夹虽然叫下载，但是它的路径其实是Downloads。 解决方法当你的系统默认文件夹名称变成英文，其实是因为文件夹下的一个隐藏文件被删除了。 参

1 2024-11-27 04:37 查看原文

张洪Heo的QQ频道 | 张洪Heo

QQ频道开启为了更好的让志同道合的小伙伴们互相交流，开通了QQ频道功能。大家可以在QQ频道中畅所欲言，询问问题、分享有趣的故事和观点。 添加QQ频道方法点击链接加入QQ频道【张洪Heo】：

1 2024-11-27 09:56 查看原文

UI设计人机界面准则：交互 | 张洪Heo

作为UI设计师，最重要的就是接触iOS的设计规范。苹果拥有引领世界的设计能力，iOS影响着一代又一代的设计师，所以这篇文章主要是来翻译和解析一下iOS的设计规范。这个规范算是所有移动设计师必看的内容了。 本文为翻译内容，来自苹果官方人机界面准则推荐访问英文原文地址：人机界面准则翻译： 张洪Heo（转载注明出处）非原创内容须知 该文章为系列内容：查看系列全部文章 交互3DTouch在支持的设备上

1 2024-11-27 12:44 查看原文

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

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

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

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

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

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

钉钉VI手册，设计规范PDF下载 | 张洪Heo

文件来自互联网 钉钉品牌视觉识别规范手册 文件预览 下载地址获取蓝奏云下载地址

2 2024-11-29 13:29 查看原文

浅尝Halo博客框架：基础体验还一言难尽 | 张洪Heo

Halo是一个新出的博客框架，很早之前其实我就已经关注到了，但是我个人还是对于服务器的稳定性有疑虑，所以我的内容基本上都喜欢停留在本地。包括我做的很多网页项目都是静态网页，包括现在的博客也是Hexo静态构建的。因为对于一个小博主来说，服务器性能差、网速慢、配置低都会很大程度上影响访问体验。但是随着自己越做越懒，后端的快速部署、代码量低、一键操作、随时更改等特性还是深深吸引着我。wordpress太

2 2024-12-12 18:46 查看原文

安卓软件推荐：AndDrop隔空传送-让安卓的文件发送到Mac | 张洪Heo

我是有一台小小的安卓备用机的。目前我的所有设备主要是使用LocalSend进行文件的传输，局域网传输非常方便。但是有一个软件打破了我所有文件都用LocalSend的情况，那就是安卓向Mac传输文件。 如果你的手机生态比较割裂，没有使用小米、华为全家桶，特别是安卓向mac传输文件的情况，需要经常打开其他第三方app来进行传输（两端都要打开）真的太累了。 anddrop打破了这个限制，现在，你可以直接

2 2024-12-09 03:15 查看原文

DelSpace2 for Mac文本处理工具|去空行 去空格 正则表达式替换 繁简 去重工具 | 张洪Heo

DelSpace是一款简单的文本处理工具，它支持清除空行、空格、查看文本信息和正则表达式替换等功能。最新还增加了繁简转换、文本去重等实用功能。 平常去空行的需求很多，最初都是用的在线工具，后来觉得用Chrome切来切去太麻烦了还不如自己写一个，于是就有了这个。 说明 1.本软件全程使用无联网行为 2.本软件目前发行的全部版本免费提供 最新版下载地址立即下载 使用场景 更新日志v1.13 202

1 2024-11-24 19:48 查看原文