博客有很多引用链接的方式，但是一直使用超链接的样式不是很优雅，而且无法引起注意。所以还是用外挂标签准备写一个超链接网址卡片。 外挂标签的编写方式从Akilar中学得： 引用站外地址，不保证站点的可用性和安全性 DIY外挂标签的简单写法与应用 Akilar 你也可以看到这个全新的网址卡片样式就像上面这样。 效果预览 引用站外地址，不保证站点的可用性和安全性 获取网站的Favicon图标并显示在你的网页上 owen0o0 1{% link 获取网站的Favicon图标并显示在你的网页上,owen0o0,https://github.com/owen0o0/getFavicon %} 本文为转载文章，以下内容来源于 ...

刚才又重新搭建了一次adguardhome，每次都重新找规则真的绷不住了。这个文章主要写一下我的配置，方便我自己重装的时候复制。 第四篇adguard的教程了。 搭建教程原文 1docker pull adguard/adguardhome 123456789101112docker run -itd \ --name adguardhome\ --restart=always \ -v /my/own/workdir:/opt/adguardhome/work\ -v /my/own/confdir:/opt/adguardhome/conf\ -p 53:53/tcp -p 53:53/udp\ -p 67:67/udp -p 68:68/udp\ -p 80:80/tcp -p 443:443/tcp -p 443:443/udp -p 3000:3000/tcp\ -p 853:853/tcp\ -p 784:784/udp -p 853:853/udp -p 8853:8853/udp\ -p 5443:5443/ ...

这是一个100%由Riot Games拥有的音乐集。只要遵循我们网站上的 “Legal Jibber Jabber“规则，它可以被用于流媒体或内容创作。 注意，禁止企业商用。 官方歌单地址： 引用站外地址，不保证站点的可用性和安全性 Riot Games Creator-Safe Playlist riotrecords 下载地址百度网盘下载 地址来自：如舟说 提取码：szrz 百度网盘备用下载 提取码: 8888 歌曲列表 歌曲名称 试听地址 Arcade 2019: ULTRACOMBO (From League of Legends: Season 9) https://open.spotify.com/track/1qo9n7SkjqaQLeRmJ8Rtwo Dark Cosmic Jhin (From League of Legends: Season 9) https://open.spotify. ...

今天拿到一个需求就是将图片合成为星轨照片。好家伙我也没接触过啊，研究一下吧。 素材我拿到的素材是120张星空的照片，具体拍摄方法就需要在别的地方去看了，我这里只说后期处理了。 两种方法效果几乎相同 方法一：通过混合模式制作将所有素材作为图层导入到ps这120张图片我们需要一口气导入到photoshop中，直接拖拽肯定是不行了，只会一个一个按照标签打开。那么我们就需要告诉photoshop我们用图层的方式打开。 「文件」->「脚本」->「将文件载入堆栈…」 我把所有的素材都放进一个文件夹中了，所以我们可以选择「文件夹」。 点击「浏览」按钮选择我们需要的文件夹。 稍等一小会，图层就被载入好了！ 更改混合模式剩下的就比较容易了，选中所有的图层，混合模式更改为「变亮」 由于天空可能不会很纯净，或者受到其他光源影响，可能需要手动调节一些图层。 当合成完毕之后想要调节，你可以将所有图层转换为一个智能对象或者导出一张图片后再对图片进行编辑，否则120个图层的实时混合模式将会非常卡。 方法二：通过智能对象堆栈我们可以「文件」->「脚本」->「将文件载入堆栈…」导入素材 ...

之前自己的网页pjax时灵时不灵，真的是奇了怪了。研究了一下pjax的文档，发现很多东西都是用的有问题，因为最开始魔改页面的时候都没注意过pjax，所以留下了大量屎山代码。 这个文章可以更好的帮助你去魔改页面，并且保留pjax。 页面跳转pjax的element是用来告诉pjax，点击这个东西就要触发pjax啦！使用butterfly的小伙伴可以发现，pjax.pug文件中是对所有a标签进行了注册。但是有的时候我们是使用onclick进行页面跳转的，而这个元素并不是a标签。 1#bber-talk.swiper-wrapper(onclick=`window.open('/essay/','_self')`) 这种方式打开的链接不符合注册条件，所以点击之后不可能是pjax的跳转。 我们可以使用pjax文档的pjax.loadUrl("/your-url")来进行跳转 1#bber-talk.swiper-wrapper(onclick=`pjax.loadUrl(&qu ...

之前iCloud一直用的紧巴巴的，因为只是买了个6块钱50g的空间，也就存个图片。然后突然发现不够用了。 看了一下iCloud订阅价格，不由得感叹一句：不愧是库克。 看了一眼2TB才68块，如果拼个五人车队，一个人400G岂不是美哉。一个月才十来块钱，比200G/月/21元的价格实惠多了。 闲鱼拼车其实这个东西最大的风险只是车主跑路，把你剩下的钱给吞了，所以找一个不会跑路的就行。我观察了好多，有那种商家，还有淘宝。淘宝卖的特别贵，搞得我都想拿这个业务赚钱了。闲鱼上就便宜多了，因为我不敢找商家车，因为Apple ID都不知道用什么渠道注册的，怕翻车，所以还是找了个店家自用车。 很多人都比较担心，拼车iCloud和自己用iCloud有什么区别，拼车会不会有风险？ 拼车有这些缺点 拼车唯一风险是车主跑路 一个人只能加入一个家庭，这就意味着你需要离开当前的家庭（如果你用到了家庭共享功能的话） 一年只能更换一次家庭，这就意味着你不能任意跳车，翻车了也只能自己买iCloud默默等待可以换车的时候 拼车有以下注意的 其他家庭成员无法查看你的文件、相册等存储在iCloud上 ...

腾讯云有一个类似于语雀的性能监控平台，每天50万的额度，这篇文章介绍Butterfly主题如何引用这个插件。 开启插件首先进入腾讯云，进入插件中心，打开服务。 在应用列表中，新建接入。 选择使用腾讯云cdn加速的域名，然后下一步 复制上报ID备用 插入代码进入themes/butterfly/layout/includes/head/analytics.pug文件，任意位置添加：（注意缩进） 12345678910if theme.tencentcloud_analytics script(src=`https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js`) script. const aegis = new Aegis({ id: '!{theme.tencentcloud_analytics}', // 上报 id reportApiSpee ...

我们设计网页通常使用栅格来做屏幕的自适应，我们在sketch上设计虽然不支持自适应画板，但是我们一般都是先完成pc端的画板布局。 工具栏我们需要创建栅格需要通过工具栏的显示组件，如果你没有这个组件需要手动来添加。 如果没有的话右键单击工具栏，选择「自定义工具栏」。将百分比缩放组件拖拽到工具栏中，记得把「显示/隐藏布局按钮也拖拽上去」。 创建你的画板sketch预置了非常多的网页画板，选择一个适合的即可。 设置你的栅格 我们选择布局设置。 通常来说我们可以按照下面来设置。 你需要更改的是 总宽度pc网页设计的话，总宽度推荐1200px，按照bootcssv3文档我们可以看到。推荐的大桌面显示器宽度就是1200px。 超小屏幕 手机 (<768px) 小屏幕 平板 (≥768px) 中等屏幕 桌面显示器 (≥992px) 大屏幕 大桌面显示器 (≥1200px) 栅格系统行为 总是水平排列 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C .container 最大宽度 None （自动） 750px 970px 1170px 类前缀 ...

我似乎从来都没有说过这方面的理论，只说过一些局部功能的设计原因和魔改。在网上大多也都是组件的魔改。这篇文章我想写一个纯理论的文章，以我现在的博客为例子，引申出博客的设计思考。 相信通过这篇文章，能够给想要修改自己博客的小伙伴一些方向性的建议，而不是盲目使用网上的组件，看见一个好就直接扒下来。 这篇文章也只是阐述我的理解，可能有个人的主观偏好。 做博客是为了什么？这个是每个人一开始搭建博客的原因，而且会随着时间慢慢去改变。说起我最初想要将自己遇到的问题都写在博客里，这样下次自己再次遇到的时候，不会因为相隔的时间过长而找不到。 所以我们可以看到，我的最初目标就是「通过搜索关键词来快速找到曾经写过的文章，方便找到解决方案」。 所以我的博客首先最重要的就是优化搜索。 曾经在butterfly版本比较低的时候，因为文章比较多，加载本地搜索索引耗费的时间非常长，所以当时首先采用algolia。两年前我记得当时还没几个人在用这个，但是我知道我需要这个，所以即使配置比较麻烦，还是首先选择了algolia。 这就是设计目标，你的每一个功能，都需要有需求来支撑。 你没必要为了并不需要的功能花费时间，而是需 ...

大夏天的就应该多去户外走走，不过要注意一下防晒哦。园不是很大，基本上四个小时左右都能逛一遍，感觉很不错，动物都挺可爱的。 视频 感觉HDR压缩成SDR画质有明显问题，我在考虑以后要不要HDR。。。 图片拍照用手机拍的，然后用Fimo处理了一下。 再来个自拍（已经开始减肥了）

每天我们都需要在各个App之间流转去收集我们需要的信息，bilibili、微博、知乎、微信公众号、抖音都是我最经常使用的信息获取平台，但是每天都在这些平台中打开关闭打开关闭，实在是太累了。虽然RSS在国内支持非常不友好，但是如果你搭建的比较好的话，依然也是可用的状态。 看B站UP更新不用再翻充满广告抽奖的B站，看公众号更新也不必去翻充斥着大量视频号直播和广告的地址。只需要一个RSS地址，一切都完成了。 什么是RSS你可以理解为RSS就是一个网页，里面用特定格式给你展示文章信息。真实原理可以自行搜索。 搭建基本要求一个支持Docker的设备（服务器/Nas/N1/软路由/奇奇怪怪的盒子）并安装Docker。 安装Docker宝塔面板下可以安装Docker。 也可以在软件商店通过插件安装 搭建RssHub绝大多数情况下我们都可以使用公开的源，但是有些定制化的信息就需要自己来搞了，毕竟没有人分享，再加上国内软件商也不提供，就没有RSS源。所以就需要自己搭建一个能够爬取最新内容的爬虫。 使用docker部署首先进入设备的ssh，拉取镜像 1$ doc ...

不得不说，我身边仍有还没用上智能家居的同学，这一篇主要讲的是入门篇，针对的是想要入坑智能家居的朋友。如果以后有机会写写进阶篇。这个文章看完相信你对智能家居入门会有自己的理解。 协议选择在2022年，Matter协议还没有开始卖，智能家居是非常讲究平台属性和生态化的，这个时候我们在国内的选择可以只分成两种。 米家和HomeKit 选择的方法非常简单，就是你和家人的手机有安卓的，就选择米家。 你和家人的手机全都是苹果的，选择homekit。 Q：值得为了协议去换手机吗？ A：不值得。两个协议体验各有优劣，米家价格便宜、自动化方便，homekit稳定、自动化设置更高阶、价格贵、要求所有成员使用iPhone。 其它协议不建议买，一个是小平台非常容易跑路，跑路了你的智能产品就无法使用了。我之前买过一个夏洛特的锁帖，现在就已经跑路了，担心有一天开不了锁就给拆下来了。另一方面就是小平台产品不全，如果各个平台都去买一点，最后导致的结果就是控制太分散，不能联动。 基础硬件米家基础硬件（必买）米家使用的是蓝牙mesh协议为主，所以你需要至少一个支持蓝牙mesh的网关。你可以选择米家中枢网关（300元 ...

手里的手机用了快一年了，当初为了拍4K60p买的256G（借口）到现在还没用上，所以今天来试一下剪辑HDR内容吧，这也是我的第一次。 实测手机端哔哩哔哩无法上传HDR内容，所以就用Final Cut pro来吧。 调整资源库色彩空间在左侧点击资源库，点击右侧的「修改」 我们选择「广色域HDR」 新建HDR项目我们创建一个项目，右键单击资源库，选择「新建项目」 如果你是用iPhone拍的，可以选择下面的内容 最重要的是色彩空间，我们选择HDR HDR下的字幕问题在HDR下我们发现我们添加的字幕是灰色的，是因为亮度比较低的缘故，我们可以调整一下字幕的曝光 导出HDR我们点击分享，选择母版文件，在设置里我们选择Prores，要注意下面位置的属性。 上传到B站手机端我测试是不支持上传HDR的，还是需要网页版来传输 在B站访问我的测试视频：《 ⚡️ 赶 鸭 人 ⚡️ 》HDR 在拥有Bilibili会员时，可以观看HDR视频质量。只有支持杜比视界（峰值亮度1000nit以上）的oled屏幕观感效果达到最佳。 HDR支持手机端和Safari浏览器下的电脑端。 吐槽HDR的视频量 ...

今天看到一个网站用的这个字体，非常有个性。字体本身略微扁一些，很有设计感。纯英文字体。 字体预览 简介长谷部博腾的新无衬线字体Styrene，是他对字体设计中的比例和简洁的探索。这个家族最初的灵感来自于20世纪初荷兰Enschedé Typefoundry出版的字体标本中显示的一种迷人的笨拙的无衬线字体，名为Breede Schreeflooze。然而，Styrene的态度是不符合历史的。它的名字的灵感来自于其曲线和几何形状的特意合成感觉。苯乙烯的特点是它的比例：典型的狭窄字符，如f j r和t，被过度拉伸和压扁，在意想不到的地方增加了开放性。Styrene的两种宽度为文字提供了不同的质感：A版是教条式的几何图形，整体个性更强，而B版则更窄，适合更合理的复制，但不是真正的浓缩。 版权商用需购买授权，购买地址 全字重价格： 桌面 $385网页 $385App $575 单一字重价格会便宜一些。 下载地址蓝奏云网盘下载