解决 space-between 最后一行的对齐问题

Jan 02, 2020

接这篇文章。 如果给 .flex 容器加上 space-between 平均分布对齐的方式： .flex { ... justify-content: space-between; ... } space-between 的效果 因为最后一行的元素数量特别少，平均到的间距就很大。 但是这不符合设计预…

CSS flex wrap 布局中设置元素间距

Jan 02, 2020

CSS flex wrap 布局里，没有直接设置间距的参数，默认情况下各元素会紧贴着排列在一起。 一个普通的 flex wrap 布局代码： .box { width: 414px; height: 736px; margin: 0 auto; border: 1px solid blue; } .flex { display: flex; flex-wrap: wrap; border:…

Swift 使用字面量协议扩展 DispatchTime

Dec 30, 2019

DispatchTime 的参数是时间，单位既不是秒也不是毫秒，而是纳秒。 使用的方法如下： DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + .seconds(5)) { // Do your work here } 延迟 5 秒执行，就要写为：DispatchTime.n…

checkra1n 越狱后连接 SSH

Dec 28, 2019

checkra1n是利用硬件漏洞越狱的工具，与操作系统版本无关。 支持的设备是 iPhone 5s – iPhone X，iOS 12.3+ 越狱成功后默认已经运行了 SSH 服务，端口号是 44…

使用 Github Pages 发布博客

Dec 28, 2019

不同于网上的教程，我不依赖 Web Hooks。 在 Github 上创建一个公开仓库，并且开通 Pages 服务（通过创建 用户名.github.io 仓库或者给现有仓库创建 gh-pages 分…

本博客启用 LayoutBoy.com 域名

Dec 28, 2019

本博客正式使用永久域名： LayoutBoy.com Layout Boy：页面仔

在越狱后的 iOS 上更新 Lookin 链接库

Dec 27, 2019

Lookin 是免费的 iOS App UI 分析工具，还具有简单的动态调试功能。 越狱后如果要对第三方 App 进行界面分析，需要安装 LookinLoader 插件。 这个插件加载 LookinServer.framework 的路径是 /usr/li…

Hugo 主题开发笔记

Dec 26, 2019

我的极简 Hugo 主题 Notepadium 已被收录到官方主题推荐列表。 记录一下开发过程中的一些心得。 开发过程中 避免生成多余空行 Hugo 处理源文件时，会把 go 标记 {{ }} 所在行替换…

使用 OpenSSL 计算脚本文件的 SHA384

Dec 25, 2019

比如要计算 CDN 中 MathJax 的 sha384，先把脚本下载回来： curl -O https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js openssl dgst -sha384 -binary MathJax.js | openssl base64 -A 输出结果： e/4/LvThKH1gwzXhdbY2AsjR3rm7LHWyhIG5C0jiRfn8AN2eTN5ILeztWw0H9jmN% 最后的 % 表示结束，不是 Hash 的一部分。 使用如下： <script defer type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML" integrity="sha384-e/4/LvThKH1gwzXhdbY2AsjR3rm7LHWyhIG5C0jiRfn8AN2eTN5ILeztWw0H9jmN"…

给 MathJax 加上 Github 风格语法高亮

Dec 25, 2019

先看效果图： 添加以下 CSS 代码即可： .markdown-body p > span.math { display: inline-block; font-size: 85%; padding: 2px 4px; border-radius: 3px; color: #24292e; background-color: #f6f8fa; } .markdown-body .math .mo { color: #d73a49; } .markdown-body .math .mn { color: #005cc5; }