我平常的主力浏览器是edge，但是自从Safari支持将网页转换成应用后，我有很多网站都是用的通过Safari生成的网站应用。（不想用edge生成的网站应用是因为不好看）。 但是Safari在我用起来的时候发现有一些坑，比如网页字体在Safari下特别爱显示成宋体。 对于UI设计师来说，我们通常认为宋体因为有着良好的笔锋形态，适合在书籍纸张印刷品中展示，减少大量文本阅读的疲劳感；而在屏幕中显示一般使用识别度比较高的黑体。 但是Safari与edge和chrome的策略不同，特别爱用宋体。 解决方法还是比较简单的 替换样式表下载css文件，保存到一个位置（避免误删除），然后在Safari中打开设置 进入高级选项卡，选择刚才下载好的文件导入即可。 大功告成我们可以轻松非常方便的使用黑体啦！ 代码来源感谢@chonger提供的代码

在b站逛的时候看见了不得了的东西。 up提供的壁纸下载地址： 动态壁纸下载链接：https://pan.baidu.com/s/1Cwc-6MCNjTuHrDUaM_1SNQ?pwd=5ugf 提取码：5ugf 因为一直在研究怎么做到的，后来分析了一下up的视频发现是2秒的。 前0.5秒是静帧，后0.5秒静帧，中间1秒二倍速播放。 制作教程既然已经知道原理了，那么我们也可以很方便的制作了。我这里介绍的就是使用Final Cut Pro来进行制作。（已经会剪辑的小伙伴就可以直接开始做不用看下面的啦） 新建一个资源库 新建一个项目 修改一下项目尺寸 导入视频素材，将视频直接拖拽到时间轨道即可 调整画面尺寸 使用切割工具切割后，仅保留2秒。 我们更改一下视频速度，改成2倍速。 在粗剪之后我们可以精细调整。右键单击选择“更改时间长度”，然后输入100 我们移动到最前面，点击“编辑”，选择“添加静帧” 然后右键单击选择“更改时间长度”。输入的值为半秒，也就是15帧 同样，视频的结尾也添加一个静帧，我们这次添加1秒也就是输入100 最后获得2个静帧和一个视频组成的视频。 ...

开一个新坑，最近帮大学同学配了一个主机，于是想到说不如发出来帮助更多有主机购买需求的小伙伴。正好赶上双十一了，可以看一下，作为参考。 作为设计师而言，主要的配置方向在于内存容量，所以内存这里选择了一个速度一般的大容量杂牌内存，突出的就是个性价比。主板的扩展性非常不错，连接硬盘之类的都可以插很多，方便扩展。设计师对于显卡的要求其实如果不是专门做实时渲染的那种渲染机，其实要求不是很高。如果用Photoshop等平面软件比较多的话，主要吃的还是CPU。所以这里选择了4060的显卡以及13700F的CPU。总体来说还是一个为了追求性价比的配置单。兼顾了绝大多数设计师的设计需求。 配置单 类型 配置 京东参考价格（拼多多更便宜） 主板 华硕PRIME Z790-P主板 D4 1499 CPU 英特尔(Intel) i7-13700F 2799 显卡 华硕ATS-RTX4060Ti-O8G-GAMING 3299 SSD 梵想（FANXIANG）2TB SSD固态硬盘 529 内存 七彩虹(Colorful) 16GB DDR4 3200 台式机内存条 199*4（796 ...

这么重要的系列竟然忘记更新了😅，用的时候才发现没写。是时候补上这个iOS17设计规范的文章了。每年都会发一下最新的iOS的设计尺寸介绍，今年也不例外。 关于iOS16的设计规范：iPhone14系列设计尺寸、设备分辨率 关于iOS15的设计规范：iPhone13系列、新款iPadmini5设计尺寸、设备分辨率 我的项目是陈旧的，我该怎么办？如果你的项目使用的是陈旧的375宽度组件库，那么可以下载旧版本的官方组件库。现在官网已经找不到旧版本的组件库了。你可以在下面的地址中下载旧版本sketch组件库。 张洪Heo公众号回复iOS17、iOS16、iOS15、iOS14、iOS13即可获取对应版本的sketch模版下载链接（其他设计软件绝大多数都支持导入sketch文件）。 所有iOS设备详细参数 iOS设备具有各种屏幕尺寸，可以纵向或横向使用。在像iPhone X和iPad Pro这样的边缘到边缘设备中，显示屏的圆角与设备的整体尺寸紧密匹配。其他设备（例如iPhone SE和iPad Air）具有矩形显示屏。 如果你的应用在特定设备上运行，请确保该应用在该设备的所有屏幕尺寸上运行。换 ...

上一篇文章介绍了如何将网站保存为应用程序。Safari的网站应用程序有着与macOS无缝协同的配合、更好的性能。那么作为网站主如何将自己的网站适配macOS的新特性呢？ 这个文章主要来介绍一下如何将你的网站适配Safari的macAPP。 如果您的网站有自己的导航控件，或者您的网站上下文中不需要导航控件，您可能不想显示工具栏。这称为独立显示模式。iOS 上的默认行为与 macOS 不同。已添加到主屏幕的网站将在默认浏览器中打开。这为用户提供了一种直接从主屏幕访问常用站点的快速方法。在iOS和iPadOS上添加到主屏幕的网站，以独立显示模式，将成为主屏幕Web应用程序。主屏幕 Web 应用程序在 iOS 上具有独立的、类似应用程序的体验，具有独立于浏览器的 cookie 和存储。没有浏览器提供的 UI，例如工具栏，所有内容都来自网页。如果您希望您的网站能够在 iOS 上使用 Web Push 和徽章，那么您应该使用独立显示模式。 添加网页清单和我们之前做webapp一样，我们需要创建一个网页清单，用于专门做webapp的适配。来设置显示模式。我将向我的网站添加一个 Web 应用程序清单。 ...

升级到macOS14尝鲜一些新的功能。在macOS14上更新的功能确实不多，反而添加了一些令人无语的的功能。例如输入法小气泡弹窗（竟然还关不掉）还有某某APP正在监视你的屏幕等等。不过系统还是要更的，毕竟新功能是早晚都要适应的。 有一个新功能我体验下来是非常不错，其实就是chrome和edge中早就已经存在了的将网站保存为APP的功能。 在chrome中将网站创建为APP有很多特性不支持，并且还有很多性能问题。Safari作为在mac上速度最快的浏览器（也是兼容性比较差的浏览器）在网页保存为应用的体验下几乎完美。 让我们看一下如何将网页保存为应用吧！ 为什么将网站设置为应用？每个应用相比浏览器有独立的cookies、配置。你完全可以当做多个浏览器在使用。每个账号一个应用，非常方便的切换。还可以通过cmd+空格直接进入。 将网页保存为应用使用Safari打开网站。点击「添加到程序坞」 卸载网页应用在启动台中长按应用，点击X即可删除。 设置网页应用的图标和配置应用有了完善的macOS程序体验，你可以进入网站应用的偏好设置进行改进。 支持让标题栏显示颜色（不过我的博客似乎只支持深色模 ...

今天水群看到有群友问问题： 目前他是用onappear来实现的。大致的例子如下： 123456789101112struct ContentView: View { var body: some View { NavigationView { NavigationLink(destination: DetailView()) { Text("跳转一个页面") } } .onAppear { print("我来啦") } }} 如何每次到这个ContentView的时候都触发print("我来啦") 解决方案其实这就是跟swiftui的机制有关，当你访问到DetailView()的时候，其实只是在NavigationView中显示了一个视图。 无论你是否跳转到子页面 ...

之前做动画的业务要求gif图不能超过5MB，这一个6秒多的视频压缩到5MB动图质量可就差太多了，后来询问发现他那支持64帧图，那可以试试，找了一圈发现ffmpeg支持提取，过程还是比较方便的。 安装ffmpegmacOS 这里以macOS为例，安装homebrew 1/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 然后通过homebrew安装 1brew install ffmpeg Windows 首先，安装 Chocolatey。以管理员身份运行 PowerShell 并执行以下命令： 1Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor ...

有一个业务想要做一个类似饼图的动图遮罩，类似钟表圆盘的遮罩效果。这个不需要自己去创建蒙版，在ae中有效果叫径向擦除可以实现这个效果。 实现效果 找到效果径向擦除双击应用效果 过渡完成代表擦除的角度 起始角度开始擦除的位置 擦除中心可以设置圆心 擦除可以设置擦除方向，例如顺时针、逆时针 羽化在旋转位置添加半透明效果，更加自然

9月4日就是要开启APP备案的日子了，联网的APP都需要在对应的服务商进行APP备案。 阿里云首先我们进入阿里云备案官网，点击我的备案 在备案APP中选择“新增APP” 填写APP相关信息 之后需要跳转到阿里云APP进行一些人工资料填写和认证。然后提交给阿里云做初审。 腾讯云首先我们进入腾讯云备案控制台，选择「新增服务」 类型选择APP。 填写APP信息这里都是一些简单的东西，唯一需要开发去获取的就是证书和指纹信息了。阿里云提供了一个非常不错的教程，点名批评腾讯云啥教程都不给。而且腾讯云填写主体信息的时候每申请一个应用就要填写一遍主体信息。 下面两个获取指导教程来自阿里云 安卓应用获取指导包名、公钥和签名MD5获取方式有多种，本文以使用JadxGUI工具获取为例。 下载JadxGUI工具：下载安装完成后，使用此工具打开apk包。 公钥与签名MD5值获取：查找文件APK signature中模数和MD5 签名。 包名获取：查找资源文件下AnddroidManifest.xml中的package属性对应信息。 iOS应用获取指导 访问开发者网站，使用App对应 ...

iOS应用大多都有urlscheme，比如通过广告点击进入的应用都需要来源标识，所以大多数应用都支持这个功能。并且在一些应用支持微信登录的时候，如果手机没有安装微信，根据Apple的要求是要隐藏微信图标的。那么我们就要先知道用户手机有没有安装微信才行。 首先配置url白名单我们需要将微信添加白名单才可以检测是否安装微信。 进入项目的设置中。 添加一条配置项目：LSApplicationQueriesSchemes 将我们需要的应用链接添加进来。 例如微信的urlscheme为：weixin:// 那么我们的白名单填写weixin 通过urlscheme检测是否安装微信然后我们需要在代码部分进行判断。 1234567///检测应用是否被安装func isAppInstalled(scheme: String) -> Bool { if let url = URL(string: scheme) { return UIApplication.shared.canOpenURL(url) } return false& ...

之前我的公众号一直在使用的是微信公众号自带的「自动回复」中的「关键词自动回复」的功能。能够实现我想要的通过大家回复指定的关键词来获取资源的目的。 然后我在微信公众号后台经常会看到一些小伙伴回复并尝试一些其他的关键词，但是因为很多没完整匹配上，就没获得想要的内容。 有些小伙伴并不是使用复制粘贴来回复的，所以经常会出现大小写错误、拼写错误的情况。 未认证的公众号有几百条的自动回复关键词上限，所以有些做的比较大的公众号就会产生这方面的问题。 今天我才看见微信早就给出了解决方案，那就是微信的对话开放平台。 微信对话开放平台 微信对话开放平台就是一个不需要你会代码，就可以实现一个免费的客服机器人这个东西。并且可以和微信公众号无缝的进行配合。 首先我们进入微信对话开放平台官网 填写一些信息之后我们就可以部署我们的机器人了。 关键词自动回复我们一般公众号最需要的就是关键词自动回复了。微信对话开放平台有一个「简单问答」我们可以在简单问答里创建我们需要的内容。 相比于微信公众号的自动回复，微信对话开放平台会推测最接近的问题答案，所以 无视字母大小写 拼错单词也有可能找到需要的问答 例如我们创建一个 ...

本站网页统计从2023年8月9日开始，之前的统计数据已全部清除。目前没有找回计划。算是作为一个新的开始吧。 之前看了一下网站的网络响应，可以说busuanzi占用了50%多的时间，busuanzi不蒜子太慢太卡，而很多静态博客都是用的busuanzi。毕竟公益免费。但是速度实在是太慢了，严重拖垮了网站速度。所以我放弃了数百万的数据，还是自搭建比较香，博客速度提升一大截。 看到杜老师开的公益项目，自搭建了一个busuanzi。所以说如果你想直接白嫖的话可以用一下杜老师提供的服务。使用杜老师服务就不需要再看下去啦～ 杜老师自建国内不蒜子统计平台 请勿使用本文示例的busuanzi地址，因为有域名限制，仅限我使用 因为我个人习惯对于数据要求有掌控能力，并且对于用户隐私有一些方面的考量，所以这个文章就是具体介绍如何自己搭建busuanzi服务。相比于项目的官方文档，这个博客文章会更加细致的介绍，并对文档一些错误内容进行修正。 Github项目地址 项目作者 需要你需要拥有一台服务器，拥有docker环境并支持docker-compose。宝塔环境。 添加站点我们来添加一个站点，例如我添 ...

最近在研究如何让敲木鱼支持开机自动启动，从SMLoginltemSetEnabled研究到SMAppService。因为敲木鱼是只支持macOS13版本以上的应用，所以我只需要适配SMAppService就可以了。SMAppService非常方便。 文档文档地址 我们可以用mainApp就可以实现添加本应用的启动项操作。 通过登录启动项状态可以看到目前登录项目是否被开启。 通过register和unregister可以实现添加和删除启动项。 示例123456789101112131415161718192021222324252627282930import SwiftUIimport ServiceManagementstruct ContentView: View { @State var launchAtLogin: Bool init() { self.launchAtLogin = SMAppService.mainApp.status == .enabled } var body: s ...

我们习惯使用command+R来修改图层和画板的名称，在上古时期我们想要批量重命名图层还需要使用插件才能完成这个工作，例如我们常见的插件Rename It 这些重命名插件感觉都是不太好用，因为插件作者都好多年没有更新过了。 sketch插件生态越来越差，不过好消息是重命名这个工作sketch终于集成到软件中来了。 选择你需要重命名的图层 选中我们需要更改的多个图层 按下command+R。是的，现在你可以选择多个图层来进行command+R的操作了。 我们可以看到重命名对话框。 我们来进行一些常用操作 批量删除图层名中的字符例如将所有图层中的备份删除掉。 我们只需要在匹配中输入“备份”即可。 批量替换图层名中的字符例如我们将所有的“矩形”替换为“图标” 在匹配中输入：“矩形” 在重命名中输入：“图标” 你可以在左侧看到图层名称的实时变化。 按照格式重命名在匹配中我们不填写内容，在重命名中点击右侧的加号按钮来进行格式的输入，例如： 总结sketch自带了重命名工具之后我们就不需要再使用插件来实现批量重命名了，这非常方便。你学会了吗？

很多人比较好奇我的博客封面是怎么做的，我也都给予了解答，就是用的sketch。 如果你是用的mac电脑，sketch的好处就是你可以将你的设计文件作为文件进行存储和备份。如果你没有mac电脑，那么使用figma或者国产UI设计软件例如mastergo或者即时设计等都可以完成这项工作。 至于为什么不用ps？Photoshop对于多画板的性能支持非常差劲，所以如果使用Photoshop来做，那么只能是一个封面一个psd文件，这对封面的管理非常的麻烦。 制作封面的标准我认为对于个人博客来说，封面是一个丰富博客页面的手段。一个好的封面可以能让用户阅读到标题之前就对文章的内容有一个大致的判断。在用户浏览博客寻找文章时，可以通过图片的识别更快得让用户决定是否应该打开这个文章。 对于作者而言，博客封面形式大于内容。因为博客中文章内容的部分才是精华。并且没有平台压力，并不需要一个吸引人的封面来和其他文章做竞争。并且因为封面价值不高，所以不能用太长时间来做封面，否则就是本末倒置了。 我的封面平均制作时长为1-2分钟。 上面说的是通用标准，那么对于我自己的博客，那么我自己的标准是什么呢？ 通过logo或 ...

sketch为了让更多的用户使用sketch的云服务，所以将局域网浏览设计稿的功能给移除了。所以说只要是使用sketch今年4月以后推出的新版本，你将无法使用mirror。 sketch近期更新的特性还都挺好用的，那就只能二选一了吗？ 我这里尝试了Skala Preview，但是效果很差，一方面是对最新版兼容性不好，一方面是不能改配置，该配置就直接无法运行。 找了半天发现一个国产软件解决了这个问题。一个「标记狮」的软件。 下载和安装标记狮的官方版本在标记狮官网中下载mac版本，并将软件安装。 安装sketch插件打开sketch和标记狮，点击「实时预览」安装完插件并登录后，你就可以开启实时预览了。 打开iOS设备的相机APP,对准二维码区域扫描并在”Safari”中打开网址,如下图: 点击右下角的浏览器图标，使用Safari浏览器打开这个地址。 进入网页后，点击分享按钮，然后点击「添加到主屏幕」 大功告成现在就可以实时预览了！如果需要高清预览，可以在设置按钮中找到「高清预览」

最近在涉及到了一些关于老年人相关产品的项目，关于老年人应用的设计，很多人第一印象就是“精简版”、“大字版”。删除一些复杂功能和营销信息、文字布局放大就是适老化成功的产品了吗？ 之前写过一个文章：适老化设计的看法，app如何进行适老化设计 但是最近做的多了又有一些新的想法。 老年人与其他群体的不同熟悉Apple设计规范的人都知道，苹果特别喜欢使用一些半隐藏来表现信息还有更多。在设计书籍中一般将这种行为称作设计的势能（动势）。一些产品的设计会让人们下意识的去理解和操作。 互联网产品不断培养用户的心智模型，让很多功能都可以轻松的符号化。通过功能符号化、半隐藏等方式，用户很容易理解这个功能是做什么的、怎么用、怎么交互、会产生什么结果。 这样带来的好处就是信息的高效性，用户寻找功能特别快，因为只需要找到对应的符号就可以了。 例如我们常见的“阴影半遮罩”，在弹窗的场景下，人们很容易理解点击黑色遮罩部分可以关闭弹窗。这就是用户使用大量app产品所产生的心智模型与设计模型匹配对应的情况。 当我们设计老年人用的产品，情况其实完全不同。 心智模型培养速度极慢 思维固化带来的设计模型与心智模型不匹配 有较 ...

受到林木木的好物界面影响，制作了一个装备界面，你可以非常方便的分享你正在使用的商品和设备，算是朋友之间推荐的一种吧。也避免了大家询问“你用的是什么电脑啊”，“博主用的是什么好东西啊”这种情况。我经常写一些文章来介绍产品的使用体验，通过这个功能也能很方便的链接到文章。所以我认为这个功能可以和博客无缝配合。我认为博客的一切功能都是尽可能展示文章，而这个功能肯定能明显提升陈旧文章的访问。所以这也是为什么我跟随林木木而写这个功能的原因。 至于为什么是装备推荐而没有软件推荐，主要是因为软件推荐不太适合这种橱窗或者一句话的展示形式，而是需要更加深度的的展示和更加丰富的预览图。目前还没有这方面的计划（也许未来会有？）。 下面就写一下教程吧，步骤过程非常简单。 样式预览 预览地址：点击访问 此教程不包含顶部图片与评论功能。 创建pug页面文件创建themes/butterfly/layout/includes/page/equipment.pug 123456789101112131415161718192021#equipment if site.data.equipment each i ...

在我们制作宣传册的时候，如果没有条件用indesign设计的话，最常见的应该就是用illustrator来应付一下了，毕竟只要页数少的话，illustrator制作能力也不赖。但是导出PDF的时候就会发现illustrator导出pdf是通过画板顺序来进行排序的。所以我们在导出之前应该检查一下画板的排序问题。 画板面板让我们认识一下画板面板，这个画板面板可以作为你整个管理illustrator的面板。并且创建新画板也可以在这里完成。 切换到画板我们可以双击画板列表中的画板来切换到这个选项对应的画板。 更改画板排序pdf的页数也是根据画板排序来的。所以你可以更改一下画板的顺序。通过鼠标拖动画板即可更改，也可以点击下方的上下箭头来更改。 自动排序画板 我们想要整理一下画板的时候，可以使用自动排序功能，让所有画板排成一行或者按照你设置的列数进行自动排序。 新建画板我们通常是在属性面板中创建画板，但是，画板面板中也可以创建新面板。 更改画板名称你可以在属性界面更改你的画板名称。 导出为PDF我们通常为了保留AI源文件，一般是保存为副本。 格式中选择pdf格式 PDF中我们最经 ...

在构建Swiftui项目时，如果是比较遵循Swiftui的结构，那么大家肯定都非常乐意使用Apple自带的SFsymbols图标。那么这个文章就是来介绍我是如何使用SFsymbols来构建我的应用的。 下载客户端你需要使用SFsymbols客户端来查看所有支持的图标，这是一种非常便捷的方式。并且因为你只需要在应用中访问，而不是网页，所以打开速度和性能非常棒。 下载客户端 安装完成我们就可以看到图标了 使用图标最简单的使用就是在Swiftui下使用systemName的Image。例如： 1Image(systemName: "star") 那么这个systemName是哪里来的呢 选择我们需要的图标，按下command+shift+c即可复制你选中的图标的名称。 版本适配我们需要注意，一些新的图标是不支持旧版系统的。所以当你使用iOS16专属图标时，在iOS15的设备上则什么都不显示。 所以你需要注意图标的版本问题。 展开检查器，我们可以看到单色图标的适配版本。 在文本中插入图标sfsymbol本身是字体图标，所以我们可以在文本中非常方便的插入图标。例如 1 ...

好久没有写魔改了，这次写一个提升网页体验的魔改教程吧！因为比较喜欢打开APP的感觉，但是为了博客做一个app显然是大材小用了。毕竟也不是社交媒体社区之类的。所以一个简单的类似应用内一样的app是最好的。看到了爱发电的iOS版本用的就是添加网页到桌面的方式，但是没开启pwa，所以我就尝试一下复刻。 这里展示的是Hexo的Butterfly主题的修改方法。其他网页的修改方法大同小异，无非是head标签里面添加一些meta和link代码。 至于为什么不用原生的PWA，主要还是bug太多了，要做的兼容性适配太多了。 废话不多说，我们开始吧！ 修改head文件themes/butterfly/layout/includes/head.pug 1234567891011121314151617181920212223242526272829303132333435//- pwameta(name='apple-mobile-web-app-capable', content='yes')meta(name=' ...

家里有个专门服务于homeassistant的docker硬件，但是里面的homeassistant好久没有更新了，因为没有软路由也没有魔法所以没办法轻松的docker pull。因为用的是ghcr.io，所以报错。 例如我搜索nginx，报错为： Error response from daemon: Get "https://index.docker.io/v1/search?q=nginx&n=25": dial tcp: lookup index.docker.io: no such host 解决方法这种情况大概率是DNS污染，我们可以通过host来绕过DNS污染的问题。 在ssh中输入 1dig @114.114.114.114 index.docker.io 你就可以获得index.docker.io的真实ip地址 随便选择一个复制下来，然后编辑host文件： 1vim /etc/hosts 按下i进入编辑模式，在一个空行中填写地址 空格 ip地址 例如： 1index.docker.io 18.215.138.58 ...

因为家庭app底层升级所以被迫更了iOS系统，结果发现最新的Xcode14.2竟然不支持iOS16.4。。。无了个大语。 总不能干等着Xcode更新吧。。。 找了一顿发现有个github项目在维护Xcode支持系统的Device Support，于是分享给大家。 当你遇到此报错当你遇到报错：Failed to prepare the device for development. This operation can fail if the version of the OS on the device is incompatible with the installed version of Xcode. You may also need to restart your Mac and device in order to correctly detect compatibility. 首先你应该做的是尝试重启你的iOS设备。 重启连不上之后可以查看一下你的Xcode版本是否支持你现在的手机系统。 增加Xcode系统支持进入 iOSDeviceSupport项目（或者Github在 ...

这个Edge浏览器什么都好，就是这个下载经常看到后台流量嗷嗷跑，但是点击下载按钮没有任何下载提示窗。这就导致你如果没有后台流量监控软件的话你根本就不知道发生了什么，感觉点击下载按钮跟没有点击一样。 其实这就是因为你的Edge浏览器在下载的时候需要检测一下是否有病毒。所以需要花费时间来检测。 但是作为使用Mac电脑的我或者windows电脑已经安装其他杀毒软件的人来说，期望的是下载好了之后再杀毒，而不是下载不给反馈。所以感觉这个机制是好机制，但是用户体验太烂了。 所以还是关掉对我来说会比较好一些。 关闭Edge的下载安全检测功能点击右上角三个点，进入设置。 直接搜索Microsoft Defender Smartscreen 关闭开关即可。 最后现在享受立即反馈的飞一般下载速度吧！

网上似乎都不能正常给一个实用教程，找了半天都没办法解决安装问题，也是摸索了半天终于研究出了asitop的安装方法，这里分享一下。 不用安装python新的mac不需要安装python，因为python是自带的。在启动台的其他文件夹找到终端app，然后输入python3 --version即可查看当前安装的python版本。 1python3 --version 安装pip新的mac似乎也不用安装pip。你可以在终端中输入 1pip3 --version 如果有显示版本号则不需要安装pip，如果显示command not found: pip3那么就需要安装pip了。 以下部分为未安装pip的用户需要执行： 1curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py 下载完成后运行 1python3 get-pip.py 这个时候可以查看pip版本 1pip3 --version 安装好了我们就可以继续了 安装asitop安装asitop的方法非常简单，我们只需要运行 1pip3 install asitop 下载安装即 ...

上一篇介绍了Mac使用智能Alpha的方式抠图，但是有的时候我们要扣的图比较复杂，背景也比较繁杂，那么就要打开PS了吗？等等，我们在iPhone上经常使用长按对象的方式提取对象，其实Mac也是支持这个功能的。 似乎要求macOS13及以上 效果预览 用空格键打开图片我们可以用空格键快速浏览图片，在这个视图中我们知道可以非常方便的选中文本，当然这个不是这篇文章的主要目标。 但是我们需要抠图的时候，我们也可以使用拷贝对象功能。 拷贝对象右键单击，选择「拷贝对象」 这个图片的主体物就拷贝在我们的剪贴板中了，我们可以直接微信发出去。 目测速度很不错，不过算法还需要改进。专业用途建议使用Photoshop的对象选择工具。 将剪贴板中的图片保存成文件我们扣完图有的时候还是需要保存成PNG用于二次编辑，所以我们可以将剪贴板中的图片保存成文件。 打开预览app。 点击「文件」选择「从剪贴板新建」或者按下快捷键command+N 即刻完成。 工作流所以一个图片保存他的主体图片的工作流是 1.空格预览图片 2.右键单击选择「拷贝对象」 3.点击窗口右上角的「使用“预览”打开」 4.按下comman ...

最近经常需要抠图，但是抠图的内容并不困难，都是一些纯白色或者灰色背景的图片扣图。但是每次都打开ps太费时间，没有效率。（虽然用ps只需要30秒就搞定了，但是还想更快点） 示例图片 使用预览应用打开预览应用，打开「标记」工具栏，选择智能Alpha 在背景按住鼠标左键，向上慢慢的拖动，观察范围是否合适 松开鼠标则被选中的部分以选区的虚线形式呈现 按退格backspace删除背景。 反向选择如果想删除主体，也可以反向选区。 另外以上的步骤可以重复进行，直到你搞出想要的图像。 参考文档在 Mac 上的“预览”中提取图像或移除背景图像

近期有个项目，我的设计稿中用到了一些宋体，但是作为移动端H5页面大多都只有系统默认的字体，偏黑体更多一些。但是纯黑体表现的更多是简洁、严肃、理性。但是如果想表达更加感性的东西时，我们可能更多的是需要宋体来突出文化底蕴。 虽然文字比较少，但是使用图片的方法一个是体积太大，一个是不容易编辑，再一个就是不清晰。 我这里使用的是font-spider来进行字体压缩。在此之前我也测试了一波fontmin等，很多都是兼容性较差，上古软件不适配新版字体。所以这个文章的方法是我目前用起来可用性最高的。 让第三方字体仅包含用到的文字，可以有效减少引入的字体大小。 安装font-spider使用终端（或者cmd）输入下面的代码回车 1npm install font-spider -g 创建一个html文件首先我们创建一个文件夹，里面要包含 一个空白html文件index.html 一个字体文件font.ttf html文件中我们插入下面的代码 123456789101112131415<p>每日打卡活动须知赞助商积分排名精彩投稿领奖机构</p><style> @ ...

我个人的话是使用我个人的QQ邮箱来进行所有邮箱的归纳和管理，因为QQ邮箱是无限容量的，所以还是比较适合作为所有邮件的归宿。那么因为有自己域名，所以使用自己域名发邮件的场景必不可少。QQ邮箱曾经有一个「域名邮箱」功能，非常方便。可惜为了推广企业微信，这个功能被阉割掉了。 我曾经是使用邮件转发功能，将所有的邮件都转发到自己的QQ邮箱中，但是这带来一个问题就是这个转发过程很多邮件都被拦截了，而且只能收邮件，不能发邮件。 所以我们可以通过QQ邮箱的「其他邮箱」功能配合腾讯企业邮箱，实现创建多个域名邮箱并实现业务分离。 我的使用服务QQ邮箱+腾讯企业邮箱 为什么进行业务分离其实这个就跟二级域名一样，通过构建不同的业务邮箱可以让你的邮件更好的归纳和整理。不同的业务清晰划分。 比如我的评论系统之前使用的是我的个人邮箱zhheo@qq.com来发送的，这样不仅会造成收件者直接回复的混乱，还会让你处理邮件的时候非常头大（因为每次处理的时候未读太多了，还是来自各个地方的） 所以我的评论提醒邮箱改为了auto@zhheo.com，所有机器发送的自动邮件都通过这个邮箱来发送，非常的方便。 如何创建腾讯企业邮箱 ...