DSRKafuU BLOG 明日解決するなら、今でもよくない?

Catalina 新版苹方字体的提取与移植

注意:未经授权修改与使用 PingFang 字体是侵犯 Apple 公司版权的行为

各位五一劳动节快乐!近来由于本地项目需求,需要在 Windows 下临时使用苹方字体。目前网上使用最广的两个移植版本都为很旧的 10.11d9e1,且字重和渲染都有不小的问题,用起来很不舒服。但是旧版苹方的移植方案已经失效,因此需要使用新的方法。

libwebp 文档笔记 - dwebp 部分

基于 libwebp-1.1.0,发布于 2020-01-06T23:53:53Z

Synopsis

dwebp [options] input_file.webp

Description

dwebp 将 WebP 文件解压成 PNG, PAM, PPM 或 PGM 图像。

libwebp 文档笔记 - cwebp 部分

基于 libwebp-1.1.0,发布于 2020-01-06T23:53:53Z

Synopsis

cwebp [options] input_file -o output_file.webp

Description

cwebp 使用 WebP 格式对图像进行压缩。输入格式可以是 PNG, JPEG, TIFF, WebP 或原始 Y’CbCr 样本。

自定义 Hugo 的分页导航栏

从抛弃 Jekyll 转向 Hugo 搞毫无用处的静态站到现在,全程就是在不停的 Ctrl+CCtrl+V。别人的主题用久了也腻了,于是翻来找去从 printempw 那儿继续 Ctrl+C 了一个主题,不过这次是自己从零开始。

在写分页导航的时候遇到了不少问题,也查了不少资料,简单记录一下。

为 utterances 添加评论加载中提示

在使用 utterances 作为博客评论系统的时候发现了一些问题。当评论区处于加载中或是加载失败状态的时候,评论区 div 可能会产生一块空白。虽然由于自家主题的原因看不出来,但如果使用到其他主题 (有边框或者阴影之类) 就会很明显。

使用 ProgressBar.js 为页面添加浏览进度条

在给自己博客写主题的时候,计划要加个返回页面顶部的按钮。既然按钮也计划上了,干脆又决定在上面顺便集成一个进度条来显示当前的阅读进度。作为懒人模范的我自然又开始想着 Ctrl+C 了,找了一圈后发现个很不错的轮子 ProgressBar.js

ProgressBar.js 能借助 SVG 生成各种形状的响应式进度条。它本身提供了线形,圆形和半圆形等形状,也可以用 Adobe Illustrator 之类的矢量图形编辑器创建自己想要的自定义图形。

使用 Hugo 的 Data 模板

近期闲着无事学习 Hugo,光看不过瘾还得上手弄点简单的东西写写。受铃最近直播零轨的启发,就做了个轨迹系列到现在为止的作品汇总。但是一旦真的开始开工了,自然就会想着偷懒,于是尝试了一波 Hugo 的 Data 模板。