博客主題更新 && 一些碎碎念

好久沒有更新博客啦，上來寫點碎碎念

博客主題更新#

最近在上網課之餘騰出手來將 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