PS：之前觉得很麻烦，更重要的是不明白网页生成的原理，所以拖着，那天一直做到凌晨一点，总算做出了个大概，前端开发的知识不够啊

参考：https://www.jianshu.com/p/a9f309aaa0e0

一、博客相册的搭建步骤

1.GitHub上新建一个放图片的仓库

注意图片的格式 “2019-01-01_xxx”

2.博客目录下需要的文件

https://github.com/litten/BlogBackup

(1) ejs、js、css、json(通过脚本生成)

关于这些文件到底有什么用，后面再写

(2) 更改 ins.js 中 render 函数里的minSrc、src路径对应托管到GitHub的相册地址，注意这里用的是 raw.githubusercontent.com

raw.githubusercontent.com 返回存储在GitHub中的文件的原始内容，即没有任何 GitHub 界面

(3) 这里会漏掉文件 empty.png

之前觉得很奇怪明明路径什么都是对的，但是相册里的图片就是没有显示，后来发现 render 函数下面有这么一句，所以需要将这个 asserts 文件也 load 下来，放在source目录下

3.裁剪和生成json

https://github.com/lawlite19/Blog-Back-Up

ImageProcess.py、tool.py 工具

• 对需要上传的图片进行裁剪，生成缩略图

• 生成json文件，放在博客目录下

二、问题

1.tools 是裁减了原图的，它将原图尺寸改为1：1之后，再做了resize 成为缩略图

2.如果图片名称中出现中文，报错 UnicodeDecodeError: ‘utf8’ codec can’t decode byte

我真的一遇到编码问题，头就开始晕，后面找个时间整理一下 ~