闲聊杂谈 未读
WWDC2023的iOS、watchOS、macOS完整更新内容解析,VisionPro能改变我们什么?昨天晚上熬夜看了WWDC2023,感觉系统更新几乎没有,发布的Vision还是感觉很震撼的。很多人说“Vision根本没啥创新,对于已经玩过vr的感觉也就那么回事”。“我也没看到有什么革命性的东西。”我也是有点无语住了😓。先让我们一起看看都有什么有趣的东西吧。
仅从中国大陆用户的角度判断。有用的加粗显示。
iOS 17
来电秀:你给别人打电话看到你的形象(没有用,因为根本不打电话)
实时语音信箱:类似小爱同学代接电话,不过这个只能听不能AI回复(有点用,主要挂骚扰电话害怕误判,用这个临时接一下不错)
iMessage:UI改进、支持自动报平安(用不上,因为根本不用iMessage)
iMessage共享位置、语音转文字(用不上,因为只用微信)
FaceTime信箱:可以录屏代替视频电话(所以我为什么不直接录视频)
用手做出反应:好玩的功能,不知道能不能支持第三方,要是支持微信就好了
充电支持显示床头钟(用不上,因为只支持AOD的iPhone使用)
交互式小组件(有用,目前看来似乎是点击小组件不再强制进入app了,好评,不知道能开放到啥程度)
电话号码一碰传(没用, ...
我的项目 未读
敲木鱼App教程:如何使用创意工坊自定义音效?敲木鱼的创意工坊功能是为了帮助大家更方便的使用自己喜爱的声音效果和图片进行自定义的敲击。因为功能比较复杂,所以这篇文章将会给大家介绍如何使用敲木鱼的自定义音效功能。
如何开启自定义音效功能进入敲木鱼应用,点击左上角的齿轮形状的设置按钮进入偏好设置界面。然后滑动到最底部找到「自定义音效」功能入口。
进入后即可进入到自定义音效的专属界面了。
创建自定义音效这个部分将介绍如何创建一个自定义音效。
录制一个自定义音效首先设置一个音效名称
点击右下角的红色的录制按钮开始录制。第一次录制会请求录音权限,并且会弹出录音失败的弹窗。
你可以在授权之后重新尝试录制音效。
导入一个自定义音效如果你已经有音效文件保存到手机,那么可以使用导入按钮选择手机上的音效文件。
你可以在「自定义音效」界面点击左上角的导入按钮即可将音效导入。
通过其他软件打开音频文件你也可以通过微信等第三方程序接收音频文件,然后使用第三方程序打开的方式来导入音效。
这个部分以微信为例介绍如何导入来自第三方程序的音频文件。
从微信聊天界面中点击音频文件,然后点击右上角的三个点形状的「更多」按钮。
选择「用其他应用打开」
在弹出的 ...
我的项目 未读
微信表情:Guli咕哩已上线!之前一直在QQ群小范围用这套表情,最初是打算给软件做iMessage表情的,后来决定给微信也上架一套,这就有了在微信上的Guli表情包。
第一套表情包含16个表情,也是Guli系列的第一个微信表情包。
立即查看表情
赶快去试试吧!~
我的项目 未读
微信公众号静态单页 - 优雅的让用户关注你的公众号,展示公众号二维码的页面大多数站长其实比较喜欢在自己的页面上悬浮显示自己的公众号二维码,我其实一直对这种行为非常排斥。因为二维码这种东西在我看来并不好看。即使你做了美化,那结果其实就是屎上雕花而已。所以我从一开始设计关注公众号挂件时,就避免用户直接看到二维码。
那么如何才能显示二维码呢?一般来说,要么是通过鼠标hover悬浮,要么通过跳转。悬浮显示二维码很常见,但是对于移动端的适配很不友好。毕竟手机端根本没悬浮嘛。做兼容性做成点击也可以,就是麻烦。跳转可以说是最简单最容易生成的方法了。
之前是直接跳转一个二维码图片url,后来感觉这个方式太不优雅了,于是写了一个简单的html单页用来展示公众号关注二维码。
效果预览预览网站
就是非常简单的一个单页面,方便展示二维码。你可以通过修改代码和图片自定义你想要的信息。
开源仓库Wechat-Official-Account-Web
我的项目 未读
HeoMusic - 一个开源的基于Aplayer和MetingJS的静态音乐播放器看到安知鱼写的独立的音乐,感觉很不错,突发奇想想要给自己写一个音乐播放器,用于iPad挂墙上的时候放音乐显示歌词。虽然Apple Music的界面我非常喜欢,奈何中文曲库还有待完善。其他音乐app界面都太丑了,所以写了一个静态网页。
效果预览
HeoMusic - 用音乐感染人心
特性多设备兼容性支持
清晰的歌词展示
较好的性能
部署你可以直接fork或者下载HeoMusic仓库,然后直接上传到你的服务器或者使用vercel、githubpage等在线服务将仓库在线部署。这里不过多赘述。
基本操作Space空格键:暂停/播放音乐
上/下方向键:增加/减少音量
左/右方向键:上一曲/下一曲
修改歌单ID歌单的id,可以从音乐歌单分享的链接中获取,例如https://y.qq.com/n/ryqq/playlist/8668419170中,id为8668419170
Server歌单的服务商,例如netease(网易云音乐),tencent(腾讯),kugou(酷狗),xiami(小米音乐),baidu(百度音乐)
使用URL参数(推荐)HeoMusic支持U ...
经验分享 未读
网页H5字体文件只提取项目中用到的文字,大幅度压缩字体大小近期有个项目,我的设计稿中用到了一些宋体,但是作为移动端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,所有机器发送的自动邮件都通过这个邮箱来发送,非常的方便。
如何创建腾讯企业邮箱 ...
经验分享 未读
AfterEffects实现翻页效果,如何制作AE翻页效果动画最近有个需求是做一个翻开日历的一个效果,这个效果还是比较好做的,因为AE提供了一个默认的效果用作翻页。
素材准备准备两个素材,一个是顶部的纸张,一个是底部的纸张。这里我做了一个A一个B,效果为A翻开显示B。
导入素材将两张图片直接拖入AE
添加翻页效果我们在A上添加效果->扭曲->CC Page Turn
我们就可以看到效果配置面板了。
Controls
代表起始翻页位置,我选择右下角开始翻页,所以选择Bottom Right Corner。同样的,Top Left Corner Top Right Corner Bottom Left Corner Bottom Right Corner分别代表了左上、右上、左下、右下。
Fold Postion
代表翻页位置,我们打点就是在这里控制翻页的程度制作动画。
Fold Radius
卷曲程度。
Light Direction
高光位置与角度
Render
显示哪些内容
Back Page
背景显示的内容,一般不透明纸张选择无
Back Opacity
正面能透过内容到背面,一般不透明纸张选择95-100
Paper ...
我的项目 未读
如何下载APP的高清图标?调研、PPT竞品分析等应用图标下载工具在互联网行业做汇报、调研不可避免的要下载各种各样的APP图标,那么有什么方法可以快速下载图标呢?
在搜索的时候发现一个上古项目,八年前的老项目了:icon-finder,意外发现这个老项目竟然还可以用。
但是作者自己的页面没标题也没https,毕竟是开源项目,我就直接拿过来部署在自己服务器上了,运行能快一点。
博主部署站
开发者原站
以上两个均可使用。不过「博主部署站」未来可能再魔改加些东西(又挖坑)。
网站预览直接右键单击复制图片即可粘贴到PPT或者keynote中。
免费无广告部署上了,有需要的可以点个收藏。
网站公告 未读
HeoAwards2022:年度我喜欢的友链博主近期有审查一波友情链接,顺便夸一夸我比较推荐的友链博主。
我始终认为友情链接不是加上就完事了,定期审查才是对自己的站点和友情链接这个功能负责。
评判标准:我进入网页直呼哇塞。
不写介绍了,自己点进去看吧。
无排序。主观偏好明显。因为我是设计师可能更注重视觉,内容上相信大家都很优秀。(已在友链推荐分组不参与)
每一个友链我都看过了,下面的网站值得看看,说不定他们中就有你喜欢的博主。
友情链接L1nSn0whttps://blog.linsnow.cn/
wallleaphttps://myblog.wallleap.cn/#/
Ukihttps://ishya.top/
小染笔记https://xrr.org.cn/
leadwhitehttps://www.leadwhite.net/
Aohuiliuhttps://www.aohuiliu.fun
张时贰https://zhsher.cn/
utshttps://blog.uts.ski/
关于友情链接对于我来说,友情链接重要的意义是能和非常多优秀的博客作者建立一个良好的关系。在现在做博客已经逐渐消亡的年代,每一个 ...
经验分享 未读
真最终方案!使用中英文切换键切换Mac上的ABC输入法和搜狗输入法等第三方输入法我哭死,这个问题又来一篇文章。
之前使用了fn键来解决这个问题,但是又一些缺点:
切换输入法时有一个窗口动画,需要等待一小段时间
切换输入法行为不流畅
占用fn键,fn键不能发表情了
使用fn键转f1等功能键时会切换输入法
这个真的是最终方案了!!!在搜狗不改进产品的情况下,这个真的是最完美了。
再说一下为什么要这么做
删除ABC输入法很麻烦,需要关闭ISP
搜狗输入法有多种输入状态,你无法确实它处于什么状态(很多人爱用shift切换导致经常误操作,更混乱了)
shift键切换输入法很容易和其他快捷键混合,导致输入法被不停切换(这也是为什么我推荐使用中英文切换键切换语言的原因)
只支持指定app自动切换到英文,不支持自动切换到中文
部分输入密码等场景对隐私有要求
苹果原生自带输入法又卡,词库又烂
使用Karabiner-Elements(此部分转载)因为原文方法有缺陷,在网上几经寻找发现这个教程。这个部分的文字来自下面的链接,本文只作为容灾备份(避免原文章打不开),推荐前往以下链接访问原文。
引用站外地址,不保证站点的可用性和安全性
...
闲聊杂谈 未读
博客三周年记转眼间博客已经稳定运行三年了,这三年虽然不断的输出和分享,但自己收获了更多。收获了更多知识、收获了更多能力、收获了更多朋友。
原来随着时间的推移,你真的是可以做到对世界的认知产生更深刻的看法,也更逐渐深入了解世界的运行规律。
每个人都是一滴雨露、一粒沙砾。重要的不是自己能做到多好,而是去推进人生前进的道路上所经历的风景。
无论你处在什么环境、什么状态。保持自己人生进度不断推进,也是能让自己生活变得更加充实,更充满乐趣了。
博客一周年记
博客两周年记
梦开始回想自己最初创建博客的时候,在一个十几平的小出租屋里,一个简单的夜晚,做出了一个影响我这三年的举动。建一个自己的网站吧。
这是一个新的领域。对我来说真的每一步都是艰难。
我是一个设计出身,刚刚毕业的学生。其实最开始做博客的原因不知道是出于哪个视频或者哪个文章的渲染,想提升自己的影响力,无论是进设计圈子还是找工作可能都对我会有更好的帮助。
其实这是个非常单纯的简单的有点利益感觉的动机。
所以最开始可能就更多分享我关于设计的理解、转载一些设计的教程。
但这一切对于一个不懂代码的人,对git、服务器、前端等等一系列都一无所知的人来说,太难了 ...
经验分享 未读
腾讯云COS配置教程:我是如何将COS加入到Hexo博客写作和工作流程中的最开始打造低成本博客的时候,使用的是GitHub转七牛云图床上的。当时流量小,加上七牛云有无限期10G免费额度,所以就用着了。后来因为转HTTPS,再因为自己域名服务器都在腾讯云,所以也将七牛云转到腾讯云上了。还有一个原因就是腾讯COS比七牛云便宜。
转移图床得益于转移过程非常的简单,也加速了我用腾讯云COS的过程。
过程非常简单,也不需要什么基础,也很快就转移完了。修改好域名配置好设置,整个数据迁移过程就结束了。
接下来说说我是如何将cos加入到我的博客写作流程的。
数据万象配置因为需要将图片添加水印,之前是使用七牛云进行添加的。在腾讯云上这个是使用数据万象服务进行添加。
配置方法也比较简单,设置好图片参数再设置图片样式即可。
比如我的图片链接格式。
红色部分是分隔符,用于区分链接和图片样式参数;蓝色部分是具体图片要更改成什么样子。
我设置了几种常见的图片参数
一种用于图片封面展示:图片质量要求高,图片尺寸不会很大。无水印。
一种用于文章内部图片展示:图片质量要求低,图片尺寸要于文章页面显示尺寸接近。有水印。
一种用于文章点开大图的样式展示:图片质量要求中等偏高,图片尺寸较大。 ...
我的项目 未读
敲木鱼App - 打节拍敲音效解压神器一开始做敲木鱼的时候也是受到网上很多电子木鱼的启发,用了一下目前的几个木鱼软件,一个是界面令人窒息,交互体验令人崩溃,还有音效少而且有点太贵了。
并且这个应用本身不是很复杂,按照音效收个6块或者10多块我感觉有点割韭菜。
设计在这个软件上仍然保留了和其他软件接近的简洁设计,保证在闭眼盲操作的情况下点击屏幕仍然可以正常的使用。
并且在切换不同的音效上,在偏好设置有一些小动画,而且不同的音效还配合了不同的背景色彩、文字色彩。让人使用起来有赏心悦目的感觉。
所有插画均为我自己绘制的,音效也是自己采样调音的,相信能给你带来独一无二的有趣体验。
并且支持多个语言。
承诺无广告。
交互在交互上主要仍然通过点击操作来触发音效,比较困难的是点击是在按下时触发音效,而不是抬起,这样有更好的手感。在SwiftUI上制作这种还比较困难。最后还是克服了。
比较方便的点是比如敲木鱼时,最开始人们的心情总是期望平静,一开始会比较慢一些,随着时间的推移会越来越快。「敲木鱼」内置了四个速度,分别名为「深邃」「生命」「乐章」「迸发」。四个速度可以在主界面就可以点击切换。不需要每次调节速度都要点开设置。
并且可以在主 ...
经验分享 未读
我应该怎么设计我的博客?如何搭建一个体验好的博客?我似乎从来都没有说过这方面的理论,只说过一些局部功能的设计原因和魔改。在网上大多也都是组件的魔改。这篇文章我想写一个纯理论的文章,以我现在的博客为例子,引申出博客的设计思考。
相信通过这篇文章,能够给想要修改自己博客的小伙伴一些方向性的建议,而不是盲目使用网上的组件,看见一个好就直接扒下来。
这篇文章也只是阐述我的理解,可能有个人的主观偏好。
做博客是为了什么?这个是每个人一开始搭建博客的原因,而且会随着时间慢慢去改变。说起我最初想要将自己遇到的问题都写在博客里,这样下次自己再次遇到的时候,不会因为相隔的时间过长而找不到。
所以我们可以看到,我的最初目标就是「通过搜索关键词来快速找到曾经写过的文章,方便找到解决方案」。
所以我的博客首先最重要的就是优化搜索。
曾经在butterfly版本比较低的时候,因为文章比较多,加载本地搜索索引耗费的时间非常长,所以当时首先采用algolia。两年前我记得当时还没几个人在用这个,但是我知道我需要这个,所以即使配置比较麻烦,还是首先选择了algolia。
这就是设计目标,你的每一个功能,都需要有需求来支撑。
你没必要为了并不需要的功能花费时间,而是需 ...
经验分享 未读
RSS上手教程:聚合自己的信息收集渠道,RSSHub、FreshRSS、NetNewsWire每天我们都需要在各个App之间流转去收集我们需要的信息,bilibili、微博、知乎、微信公众号、抖音都是我最经常使用的信息获取平台,但是每天都在这些平台中打开关闭打开关闭,实在是太累了。虽然RSS在国内支持非常不友好,但是如果你搭建的比较好的话,依然也是可用的状态。
看B站UP更新不用再翻充满广告抽奖的B站,看公众号更新也不必去翻充斥着大量视频号直播和广告的地址。只需要一个RSS地址,一切都完成了。
什么是RSS你可以理解为RSS就是一个网页,里面用特定格式给你展示文章信息。真实原理可以自行搜索。
搭建基本要求一个支持Docker的设备(服务器/Nas/N1/软路由/奇奇怪怪的盒子)并安装Docker。
安装Docker宝塔面板下可以安装Docker。
也可以在软件商店通过插件安装
搭建RssHub绝大多数情况下我们都可以使用公开的源,但是有些定制化的信息就需要自己来搞了,毕竟没有人分享,再加上国内软件商也不提供,就没有RSS源。所以就需要自己搭建一个能够爬取最新内容的爬虫。
使用docker部署首先进入设备的ssh,拉取镜像
1$ doc ...
经验分享 未读
AE描边动画教程:logo生成描边路径动画,Ai矢量图标生成描边动画想要做一个logo的描边动画用于加载中状态。这种一般都是图标比较灰、不是很显眼。我经常用到的效果都是光泽变化的效果,就是有一层白色渐变在logo内移动。但是总感觉用的有点多。这次做一个简单的描边的效果吧。
效果预览
矢量的logo图我们要拿到一个矢量的logo图,这样才能更好的生成准确的路径。特别是logo这种千万不要自己用钢笔手画。毕竟偏差一点都是错误的。
这里矢量图是需要illustrator来绘制。
导入到AE中我们打开AE。新建一个合成,输入完需要的尺寸。帧速率指的是每秒的帧数,一般20、25都行,越大最后文件体积越大。可以预估一下动画的时间。
将之前绘制好的logo都拖拽到AE中。
选择图层,图层大小。(如果有多个图层可以逐层导入
现在我们就看到了一个完整的素材了。
创建路径现在这个素材还是ai的文件,我们需要将它变成我们可以在AE中编辑的形状文件。
我们生成形状之后,我们可以看到生成了三个路径组,对应了三个字母。
创建描边我们现在应该把填充更改为描边,这意味着字母里面的填充颜色将被删除,创建一个描边。
我们展开组,删掉每个组填充。
选中内容,点击右上方添加添 ...
经验分享 未读
Sketch83边角功能解析:如何绘制圆角矩形,圆角多边形绘制,快速更改边角大小方法Sketch83提供了全新的边角编辑方式,与illustrator中备受喜爱的边角构件相似,但是不支持钢笔绘制的自定义形状的边角编辑。他可以帮助你更加轻松的绘制圆角矩形、多种角的形状。
使用边角控制柄编辑边角Sketch83提供了全新的绘制圆角矩形方式,让你避免了手动输入圆角数值或者拖拽横向手柄的方式,以更加符合直觉的操作模式来编辑圆角。
你可以按住command进行拖拽边角的控制柄以调整单独一个角的圆角大小。
使用检查器编辑边角Sketch83提供了全新的边角检查器。旧版的圆角控制在多个角数值不同时,Sketch采用分号来分隔不同的圆角。这样的展示方式不仅不符合直觉,而且受限于检查器的尺寸,编辑框的宽度很小,导致编辑起来非常不便。设计师们无法将横向的四个数值与现实中的圆角位置一一对应,导致修改时一般会在形状的编辑模式下编辑锚点调整数值。这样编辑起来非常麻烦。
全新的边角检查器由一种非常直观的方式进行展示。你可以从独立、统一(暂译)两种模式中自由切换。
在统一模式下,所有边角的大小相同。
在独立模式下,所有边角的大小通过一个2X2的矩形阵列编辑框来一一对应的编辑。
冷知识: ...
经验分享 未读
AE插件AutoSway下载及使用方法,AE随风摆动效果生成插件AutoSway是一个非常棒的随风摆动动态效果生成的插件,广泛应用于B站等视频插画领域。比如经常可以在拜年祭的mv中看到裙子衣服随风摆动,大多数情况下就是插画师画完用AutoSway直接生成的。方便快捷,效果很棒。
使用环境
下载地址关注张洪Heo公众号回复AutoSway获取蓝奏网盘下载链接。
操控点模式最简单的使用方式就是打点然后一键生成。首先我们使用「人偶位置控点工具」从运动起始点开始向外标记。Guli站在地面,所以以地面为基准点,向头部标记打点。
点击「窗口」,打开AutoSway
框选所有点,点击apply添加。(所有点也可以直接保持一条竖线,这里打点的位置没有限制)
添加完成之后播放你就可以看到效果了!
效果演示
当然同一个图层你可以添加多套标记。
调整参数你还可以调整摆动的参数,来让摆动更符合你所需要的。调整的图层是第一个点所对应的图层。
调整后效果。
图层模式另外支持图层绑定的方式。例如我们创建了很多个灯笼(图来自emoji🏮)。注意图层的选中顺序为基准图层到最外面的图层。
我们需要调整每个图层的旋转中心。这个案例中,我们需要将每个图层旋转中心调整 ...
我的项目 未读
Butterfly魔改:动态分类条,可以根据页面变化而改变的分类列表展示方式好久没有写魔改教程了,今天带来一个最近琢磨的一个分类条的显示。以前非常喜欢这种tab切换就能更换列表文章的显示方式,可是静态博客想要做到这一点真的是太难了,而且是原生html,不是vue。我的博客一直没有能够在首页展示分类的入口。起初因为分类比较少,但是现在已经很多了。那么一个展示分类的条就是非常必要的了。
这个分类条非常简约,原生js。魔改需要自己具备一定的魔改基础。
效果预览
配置方式分类的添加采取的是纯手工的方式,本人技术有限没有去翻Hexo的API,并且想要根据自己的心意进行排序,所以就只能手动来了。
新建文件新建文件:themes/butterfly/layout/includes/categoryBar.pug
123456789101112131415161718192021#category-bar .category-bar-items#category-bar-items .category-bar-item(id='首页') a(href="/") 首页 ...
经验分享 未读
微信公众号文章图片禁止点击,屏蔽点击文章图片查看大图有的时候做长图文章的时候为了让效果非常惊艳,不是很想让用户能点击图片,因为点击图片会造成浏览文章时的体验割裂,贴别是在有些情况下切图并不是根据图片内容来的时候,点击图片会削弱用户的期待感和神秘感。有的时候做的很酷的效果用户一点轻易发现原理就会削弱用户的兴奋和喜悦。
那么如何禁止图片点击呢?苹果的做法是使用svg标签。
样式预览《阿年》全网首映,iPhone 带着新的传说来了。
不得不说苹果在公众号这块玩的出神入化。
实现方式首先你需要一个支持代码编辑的Chrome插件,在微信公众号上通过代码来进行编辑。这里的话我是使用的一款叫壹伴的插件(不建议开会员,白嫖不香吗)
安装成功之后我们进入到微信公众号后台就可以看到多了一排工具栏,我们选择代码编辑的方式。
我们可以观察一下当我们插入一张图片的时候HTML编辑器会多出来以下的代码
123<p style="text-align: center"> <img data-s="300,640" data-galleryid="" data-type=" ...
经验分享 未读
微信公众号文章设置纯黑色颜色方法,更换文章背景图片和背景颜色最近准备重启微信公众号来完善移动端时代微信搜一搜的能力,研究比较多微信公众号,发现用一些插件可以将微信公众号文章通过HTML的代码来进行编辑,那可玩性可就太多了。
那我们就来探究一下如何自定义微信公众号背景吧。
样式预览《阿年》全网首映,iPhone 带着新的传说来了。
不得不说苹果在公众号这块玩的出神入化。
实现方式首先你需要一个支持代码编辑的Chrome插件,在微信公众号上通过代码来进行编辑。这里的话我是使用的一款叫壹伴的插件(不建议开会员,白嫖不香吗)
安装成功之后我们进入到微信公众号后台就可以看到多了一排工具栏,我们选择代码编辑的方式。
然后在第一行添加以下内容就可以获得纯黑色背景了!如果需要别的颜色可以更改#000000为你需要的颜色就好了。
123<section data-mpa-category="背景" style="background: #000000;" data-mpa-powered-by="zhheo.com"> 这里是原有的其他代码</section>
自定义 ...
经验分享 未读
使用Photoshop去除微博照片水印方法,高质量去水印,适用于绝大多数图片微博可以说是中国互联网上图片质量最高的平台了,但是因为作者想要保证自己的版权,所以会有一个水印。虽然去水印比较容易,但是如何能够更高质量的去水印呢?
最终效果相比直接去除水印,使用本教程的方法效果会令人惊艳。
创建选区
首先使用矩形选框工具框选水印
点击选择->色彩范围
因为微博的水印是纯色的,所以我们在取色状态下点一下微博图标的白色。通过调整颜色容差让预览框的水印部分为白色,其他内容为黑色。
确定之后进入快速蒙板模式
使用快速蒙板调整选区的阈值
阈值调整之后点击确定,调整阈值的目的为了让选区的半透明像素变成纯色像素
因为微博水印是有一个阴影,我们需要扩展一下选区
扩展选区的数值在3-5左右即可
除了使用阈值和快速蒙版的方法外,还可以尝试「选择」->「扩大选取」后并扩展选区的方式替代
内容识别填充
编辑 -> 内容识别填充 填充水印
使用自动、新建图层的选项即可,如果生成效果不好,可以删掉无关的绿色部分(绿色为采样区域,生成的像素会根据绿色部分来计算)
其他问题如果遇见阴影问题可能是选区的数值太小了,可以 ...
我的项目 未读
SwiftUI如何进行多语言设置,如何进行本地化?单复数变换?一些小型的工具类应用还是比较推荐支持多语言的,毕竟语言是使用软件的最大门槛。如果没有掌握语言,使用这个应用仅靠着图形界面来说除非是常用应用,否则根本不会使用。特别对于年纪较大的人来说更不友好。如何使用SwiftUI的情况下还能够尽兴本地化呢?
起始项目我这里创建了一个项目,进行了一个基本布局。
1234567891011121314struct ContentView: View { @State var name = "小明" @State var appleCount = 2 @State var orangeCount = 1 var body: some View { VStack { Text("你好世界") Text("\(name)!我们都有什么?") Text("我们有 \(appleCount) 苹果") Text(" ...
经验分享 未读
SwiftUI跨视图数据传递,利用@ObservedObject和@EnvironmentObject在SwiftUI中数据传递非常的简单,方便理解的话,我们可以简单的把数据传递理解为一次传递使用@ObservedObject,二次及以上传递使用@EnvironmentObject。这只是一个理解方式,并不是原理。
创建数据类我们可以新建一个数据类,这个类用来调用我们的数据结构体和一些常用的函数。
123456789101112131415import Foundationclass UserData { var userList: [User] init(userList: [User]) { self.userList = userList }}struct User { var name: String var age: Int}
这是一个简单的类包含结构。接下来我们需要在类上继承ObservableObject超类。
123//...class UserData: ObservableObject {//...
调用数据类在视图中我们可以直接使用这个数据 ...