久しぶりにブログを更新しました。ちょっとした雑談を書いてみます
ブログテーマの更新#
最近、オンライン授業の合間に時間を作って、Hexo のテーマを少し更新しました。主に入り口ページを少し見栄えの良いものにしました。背景画像を追加し、トップバーの CSS を透明に調整して、画像の背景により適応しやすくしました。
そして、トップバーが常に透明だと、記事リストまでスクロールすると見栄えが悪くなることに気づきましたので、JavaScript を少し追加して、トップバーが自動的に透明から白に切り替わるようにしました。
プログレッシブ 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 の使用体験#
このテーマを作成する際、アイコンを使用する必要がありました。fontawesome.comのアイコンは非常に豊富ですが、いくつかのアイコンは有料です。私のような (貧乏な) 学生には少し厳しいです。そこで、アリババが開設したiconfontアイコンライブラリを思い出しました。初めて使ってみたら、すぐに気に入りました。
通常のアイコンだけでなく、カラフルなアイコンも提供しており、しかも無料です (商用利用を除く)。大好きです。このブログテーマプロジェクトでは、iconfont のアイコンを使用しています。
DNS サービスプロバイダの変更#
以前は NS1 の無料 DNS 解析サービスを使用していましたが、地域ごとの解析機能があるものの、効果があまり顕著ではないようです。Tencent Cloud のクラウド解析がキャンペーン中で、個人プロフェッショナル版 (ウォレット -￥36) を 1 年間試してみることにしました。国内外の解析を区別できるし、速度の向上効果もあります。
EOF