任平生的学习笔记

任平生的学习笔记,记录平常点滴

将旧 Mac 的内容完全迁移到新 Mac 上

最近工作机更换为了新的 iMac 27’ ,不想重新设置一遍各种开发环境,于是便找了一下将旧 Mac 内容完全迁移到新设备的方案。 原来,OS X 自带了一个「迁移助理」可以很方便地将旧 Mac 上的内容迁移到新 Mac 上。 如果有使用 Time Machine 则可以直接使用 Time Machine 来将旧 Mac 的内容迁移到新 Mac。如果没有使用 Time Machine ...

在网页上使用苹方字体

随着 El Capitan 和 iOS9 发布而内置新系统中的 苹方字体 给我们在中文字体的使用上带来了新的选择。 在 Web 上定义字体为苹方的方法: font-family: PingFangSC-Regular, sans-serif; 苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular...

迁移至 Github Pages

由于 note.rpsh.net 在 logdown 付费帐号(可以绑定自定义域名)到期,就准备再折腾一下,将这个笔记再继续迁移一下,尝试了 Ghost、 Hexo 后决定搬移到 Github Pages( 这样以后简历也能写上熟练使用 Github 了 😂 ) 这个模版来自 Hux, 整体设计感很赞,于是拿来改一改增加了 Disqus 评论、站内搜索。 本来以为不会折腾的,但是在做站内...

Mac OS X 安装 PHP intl 扩展

首先,需要关掉 MAC OS X El Captian 的 System Integrity Protection(rootless)的机制: 1. 重启计算机时按住 Command 和 R 键进入到恢复模式 2. 恢复模式启动后,从顶部菜单栏中选择 “实用工具 > 终端” 3. 在终端窗口中输入csrutil disable并按回车键 4. 重启系统,System Integrit...

移动端 HTML5 页面常见问题 —— 样式篇

问题:Android 上圆形图片使用 border 时,边框显示变形 解决:给 img 外嵌套一个元素,为其使用圆角 <div> <img src=""> </div> div{ display: inline-block; border-radius: 50%; border: 4px solid #FF7000; } img{ v...

Mac/Windows版微信聊天图片、视频文件存储位置

Mac 版微信收到的小视频默认不能保存到本地,而我们只要找到其在 Mac 上的存储位置就可以直接拿到视频文件。 微信聊体视频本地存储位置: ~/Library/Containers/com.tencent.xinWeChat/Data/Library/Application Support/Wechat/1.2/{一串字符}/Message/MessageTemp/{一串字符}/Vide...

解决「iTunes无法备份 iPhone,因为 iPhone 已断开连接」

使用 iTunes 备份 iPhone 时候,遇到备份失败,提示: iTunes无法备份 iPhone,因为 iPhone 已断开连接。 解决办法就是,还原 iPhone 的位置与隐私,方法: 设置 > 通用 > 还原 > 还原位置与隐私 然后插上 USB 数据线,重新连接电脑,信任这台电脑,接下来再用 iTunes 备份就可以成功了。 如果上述方法不成功,可以...

Adobe Photoshop CC 导出 Webp 格式图片

首先,下载插件: WebP Format Windows 将 WebPFormat64.8bi 丢进: C:\Program Files\Adobe\Adobe Photoshop CC 2015\Plug-ins Mac OS X 将 WebPFormat.plugin 文件丢进: /Applications/Adobe Photoshop CC 2015/Plug-ins ...

让文字从右往左反转显示的 unicode

有一个特殊的 unicode 可以让跟在它后边的文字从右往左反转显示 &#8238; 日照香炉生紫烟 效果: ‮ 日照香炉生紫烟 利用它可以做一些有趣的事情,让一些看起来正常的文字,其实背后藏着一些不正常的原文。 code html 实体 &#8238; html 实体...

纯 CSS 实现实时动态毛玻璃效果

目前在 Web 上实现毛玻璃效果一般是通过一个大截屏图片的高斯模糊加上滚动位置的切换来实现,而在 iOS9 和 OS X 10.11 的 Safari 原生支持了 CSS 的 backdrop-filter 来实时地生成一个毛玻璃效果的背景。 代码: { -webkit-backdrop-filter: blur(10px); } 目前还需要 webkit 的前缀。 除了 b...