好久没有更新博客啦,上来写点碎碎念
博客主题更新
最近在上网课之余腾出手来将 Hexo 主题做了一点点更新,主要是将入口页面做的漂亮了一点,加上了背景图片以及把顶栏 CSS 调整成了透明来更加适应图片背景。
然后发现如果顶栏一直透明的话滚动到了文章列表会比较难看,就加了一点 js 使顶栏能自己切换透明以及白色。
启用渐进式 JPEG 图片
渐进式图片转换
因为上文提到的博客主题的更新,所以一进博客就要加载一张大背景图,如果还采用原来的线性加载的 jpg 图片的话会造成观感的不和谐,所以就将网站的图片进行了转换,使图片支持渐进式加载,这里的转换用到了 python 脚本
from PIL import Image # pip3 install pillow
origin_file_path = './t.jpeg'
progressive_file_path = './o.jpeg'
original_image = Image.open(origin_file_path)
original_image.convert('RGB')
original_image.save(progressive_file_path, optimize=True, quality=100, progressive=True)
PNG 转 JPG
同样也使用了 python 脚本,这里顺便将图片也进行了渐进式 jpeg 的转换
import os
import cv2
import sys
import numpy as np
from PIL import Image # pip3 install pillow
path = "./"
print(path)
for filename in os.listdir(path):
if os.path.splitext(filename)[1] == '.png':
# print(filename)
img = cv2.imread(path + filename)
print(filename.replace(".png",".jpg"))
newfilename = filename.replace(".png",".jpg")
# cv2.imshow("Image",img)
# cv2.waitKey(0)
cv2.imwrite(path + newfilename,img)
origin_file_path = path + newfilename
progressive_file_path = path + newfilename
original_image = Image.open(origin_file_path)
original_image.convert('RGB')
original_image.save(progressive_file_path, optimize=True, quality=100, progressive=True)
os.remove(path+filename)%
iconfont 使用体验
写这套主题的时候,我有一点使用 icon 图标的需求,虽然说 fontawesome.com 的图标品种十分丰富,但是似乎有些图标要使用的话要付费,对于我这种(穷)学生党来说有点难受,然后我想起了阿里巴巴开的 iconfont 图标库,第一次使用之后就爱上了。
它不仅提供常规的 icon 还提供了彩色的 icon,还是免费的(指没有商业使用的情况下),爱了爱了,博客主题项目的图标就是使用的 iconfont 的图标
更改 DNS 服务商
之前使用的是 NS1 的免费 DNS 解析服务,虽然有分区域解析的功能,但是貌似效果不是很显著,趁着腾讯云的云解析正在搞活动买了一年的个人专业版(钱包 -¥36)来试用下,看了下可以区分境内境外解析,速度提升效果还可以
EOF