给 Hugo 开启 Disqus 评论系统

Dec 10, 2019

Hugo 已经内置了 Disqus 的模版，开启 Disqus 相当简单。 参考官方文档： https://gohugo.io/content-management/comments/ 首先需要注册一个 Disqus 帐号，官网是 https://disqus.com/ 然后创建一个站点，站点名称可以随意，这个名字稍后要用到。 …

在 iOS 里使用 Flexbox 布局

Dec 08, 2019

iOS 目前只有手动布局和自动布局两种方式，flexbox 布局只能引入第三方库进行支持 这个布局的思想是来自 CSS 里的 flexbox，关于 CSS Flexbox 可以参考这篇文章 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ …

在 Hugo 的 Markdown 里直接使用 HTML

Dec 05, 2019

hugo 在处理 Markdown 文档的时候会忽略里面的 HTML 代码，如果想在 Markdown 里嵌入 HTML 代码，可以使用 hugo 的 shortcode 来实现。 在 layouts/shortcodes 里新建一个 raw.html 文件，如果路径不存在可以用命令 mkdir -p layouts/shortcodes 创建。 …

在 swift 里扩展 UIColor 使用十六进制颜色值

Dec 05, 2019

4.2. The RGB hexadecimal notations: #RRGGBB 十六进制颜色表示方式是 #RRGGBB（6位），带 alpha 的表示方式是 #RRGGBBAA（8位） 取值范围是 00 - FF。 十六进制颜色缩写的表示方式是 #RGB(3位)，带 alpha 的表示方式是 #RGBA（4位） 取值范围是 0 - F，缩略的规则和前三位相同。 …

了解 Image 的 capInsets 和 resizingMode

Dec 04, 2019

拉伸 UIImage 的时候使用的方法是 resizableImage，它的声明如下： func resizableImage( withCapInsets capInsets: UIEdgeInsets, resizingMode: UIImage.ResizingMode ) -> UIImage capInsets 指定要保护的区域，就是图像的四个角落，如果大小是 0 就表示不需要保护 resizingMode 非保护区域里的图像应该怎么显示，两个选择：拉伸或者平铺内容 …

视网膜屏幕下像素对齐计算方法

Dec 03, 2019

使用 CoreGraphics 裁剪图片的时候如果计算后的尺寸没有像素对齐，绘制的图像就会有 1px 的透明边框。 像素对齐的算法： 例如需要计算 0.5pt 的高度在当前屏幕下需要多少 px（像素）进行显示： …

在 netlify 使用最新版本的 hugo 和 go 构建网站

Nov 29, 2019

如果你使用 hugo 构建网站，那么一定知道 hugo 最近新发布了 v0.60 版本 hugo v0.60 开始，更换了默认的 markdown 渲染内核，使用更快的 goldmark。 默认设置下 netlify 使用的是保守设置，不会使用最新版本的 go 和 hugo 来构建网站。 可以增加两个环境变量来覆盖 netlify 的默认设置： …

制作一个极速 Hugo 主题

Nov 24, 2019

Hugo 是一个静态网站生成工具，具有生成速度很快、简单易学的特点。 官网是 https://gohugo.io 官网已经提供了丰富的主题，但我依然选择自己制作一款主题自己使用。 主要是自己的博客使用，要求非常简单，只要能像微信公众号那样显示文章就行，其他的花哨功能都不要。 …

Git 操作技巧

Nov 20, 2019

删除远程仓库所有 tag git push origin --delete $(git tag -l) 执行后将删除远程仓库的所有 tag。 不过，本地已经拉取回来的 tag 还在。 创建一个没有任何提交记录的分支 git checkout --orphan branche-name

在 iOS 里 100% 还原 Sketch 实现的阴影效果

Nov 19, 2019

还原不了设计师视觉稿的开发者不是一个合格的页面仔。 Sketch 是 APP 设计的神器，大部分设计师都选择它作为 APP 界面的设计工具。 在 Sketch 里设置一个阴影，效果图和参数如下： …