给博客添加一个相册页面，以展示自己拍摄的一些照片 (≖ᴗ≖)✧
一、说明：
- 在
github上新建一个仓库，主要用于存储图片，可以通过url访问到，也方便管理 - 将要放到相册的图片处理成
json格式的数据，然后进行访问，这里json的格式需要配合要使用的样式，所以需要处理成特定格式的json数据，下面会给出 - 图片裁剪，因为相册显示的样式最好是正方形的的图片，这里使用脚本处理一下
- 图片压缩，相册显示的图片是压缩后的图片，提高加载的速度，打开后的图片是原图。
二、实现
1、github操作
建立一个用于存储相册的仓库，比如我的地址https://github.com/wugenqiang/myblog_album
2、博客操作
- 在博客的
source文件夹下建立一个photos文件夹 - 将样式文件放到
photos文件夹下，样式文件我参考的这位兄台的：https://github.com/lawlite19/Blog-Back-Up/tree/master/blog_photos_copy - 修改
ins.js文件，主要是里面的render函数- 其中的
url对应到你的github放图片的地址
- 其中的
3、图片处理
- python脚本文件都放在了这里，大佬提供：https://github.com/lawlite19/Blog-Back-Up
-
(1) 裁剪图片
- 去图片的中间部分，裁剪为正方形
- 对应的裁剪函数
def cut_by_ratio(self):
"""按照图片长宽进行分割
------------
取中间的部分，裁剪成正方形
"""
im = Image.open(self.infile)
(x, y) = im.size
if x > y:
region = (int(x/2-y/2), 0, int(x/2+y/2), y)
#裁切图片
crop_img = im.crop(region)
#保存裁切后的图片
crop_img.save(self.outfile)
elif x < y:
region = (0, int(y/2-x/2), x, int(y/2+x/2))
#裁切图片
crop_img = im.crop(region)
#保存裁切后的图片
crop_img.save(self.outfile)(2) 压缩图片
- 把图片进行压缩，方便相册的加载
def compress(choose, des_dir, src_dir, file_list):
"""压缩算法，img.thumbnail对图片进行压缩，
参数
-----------
choose: str
选择压缩的比例，有4个选项，越大压缩后的图片越小
"""
if choose == '1':
scale = SIZE_normal
if choose == '2':
scale = SIZE_small
if choose == '3':
scale = SIZE_more_small
if choose == '4':
scale = SIZE_more_small_small
for infile in file_list:
img = Image.open(src_dir+infile)
# size_of_file = os.path.getsize(infile)
w, h = img.size
img.thumbnail((int(w/scale), int(h/scale)))
img.save(des_dir + infile)4、github提交
- 处理完成之后需要将处理后的图片提交到
github上 - 这里同样使用脚本的方式，需要将
git命令行配置到环境变量中
def git_operation():
'''
git 命令行函数，将仓库提交
----------
需要安装git命令行工具，并且添加到环境变量中
'''
os.system('git add --all')
os.system('git commit -m "add photos"')
os.system('git push origin master')5、json数据处理
- 下面就需要将图片信息处理成
json数据格式了，这里为重点 - 这里我采用的方式是读取图片的名字作为其中的text的内容，图片的命名如下图
- 最前面是日期，然后用
_进行分隔 - 后面是图片的描述信息，注意不要包含
_和.符号
实现代码：
def handle_photo():
'''根据图片的文件名处理成需要的json格式的数据
-----------
最后将data.json文件存到博客的source/photos文件夹下
'''
src_dir, des_dir = "photos/", "min_photos/"
file_list = list_img_file(src_dir)
list_info = []
for i in range(len(file_list)):
filename = file_list[i]
date_str, info = filename.split("_")
info, _ = info.split(".")
date = datetime.strptime(date_str, "%Y-%m-%d")
year_month = date_str[0:7]
if i == 0: # 处理第一个文件
new_dict = {"date": year_month, "arr":{'year': date.year,
'month': date.month,
'link': [filename],
'text': [info],
'type': ['image']
}
}
list_info.append(new_dict)
elif year_month != list_info[-1]['date']: # 不是最后的一个日期，就新建一个dict
new_dict = {"date": year_month, "arr":{'year': date.year,
'month': date.month,
'link': [filename],
'text': [info],
'type': ['image']
}
}
list_info.append(new_dict)
else: # 同一个日期
list_info[-1]['arr']['link'].append(filename)
list_info[-1]['arr']['text'].append(info)
list_info[-1]['arr']['type'].append('image')
list_info.reverse() # 翻转
final_dict = {"list": list_info}
with open("../wugenqiang.github.io/source/photos/data.json","w") as fp:
json.dump(final_dict, fp)每次图片有改动都需要执行此脚本文件
ok 以后再完善
