Hexoyilia主题相册功能的实现

Hexo yilia主题相册功能的实现

一、在本地添加相册文件夹

1. 在hexo项目文件夹source下创建一个photos文件夹。
2. 把Blog-Back-Up项目blog_photos_copy文件夹里的文件复制到上面创建好的photos里面。并且了面的 index.json，因为这个文件是后期生产的
3. 下载“empty.png” 地址地址
   在的本地博客仓库source下新建一个文件夹命名为assets,再在assets下新建一个文件夹命名为img。最后把empty.png放到img里面。如图：
   

二、创建图片存储的仓库

1. 登录GitHub，new repository一个仓库，我的仓库名为：Blog-Back-Up

2. 把Blog-Back-Up关联到本地

3. 新建Blog-Back-Up里新建一个photos、min_photos文件夹，photos用来存放待压缩文件

4. 因为相册存放在GitHub上的，国内加载速度比较慢，要把图片压缩，这里用这个 python脚本地址

5. 将其中的.py文件拷贝至本地仓库Blog-Back-Up文件夹中

6. 图片的命名规则为：2020-03-07_demo.jpg/，存放在photos里

三：修改以下的配置

1. 打开tool.py文件,修改def handle_photo()，根据自己本地的路径更改，我的路径为：E:\blog\source\photos\data.json
   

2. 打开ins.js文件修改里面的render方法,把里面github的地址改成自己的。

• var minSrc = ‘https://raw.githubusercontent.com/lawlite19/blog-back-up/master/min_photos/’ + data.link[i];
• var src = ‘https://raw.githubusercontent.com/lawlite19/blog-back-up/master/photos/’ + data.link[i];

重点：这个链接很多人输入错了，不是直接的图片url，是需要点“下载”才行

四、在Blog-Back-Up目录下用命令行执行python：tool.py

hexo yilia 添加相册功能如下图：

我的博客链接：Paipi派

【注】：在网上早已有大神实现了这个功能链接

六、总结：认真看，仔细看，细心点，不满你说，我配置了几天才弄好的，有几个细节是我看的教程没有的，加油！

参考文献

[1] Github相册博客搭建
[2] lawlite.-Github实现相册功能
[3] hexo+yilia完美实现相册功能
[4] hexo+yilia添加相册视屏功能