hexo+yilia完美实现相册功能（解决缩略图不显示）

写在前面

先看我的博客相册效果

必看，前期配置

由于是在lawlite的教程帮助下完成的相册功能，所以前面的设置还是直接看原博客吧
里面有几个地方需要注意：

1.第一个地方

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，是需要点“下载”才能看到的url。

2.第二个地方

    with open("../lawlite19.github.io/source/photos/data.json","w") as fp:
        json.dump(final_dict, fp)

我设置的是本地博客路径如F:/blog/source/photos/data.json

3.第三个地方(最重要)

建议严格按照lawlite上说的设置，看仔细了!!!先实现以后可以再做更改。
如果你上面操作都没有问题，那么你就会发现点开图片可以显示，缩略图不显示。没关系，这是就是本教程的重点。

重点

首先，去下载“empty.png” 这里这里
直接右键另存，保存为“empty.png”。名字也要一样，别问为什么，实现了，自己再去看源码。
在你博客的本地仓库source下新建一个文件夹命名为assets,再在assets下新建一个文件夹命名为img。最后把empty.png放到img里面。我的结果如下：

最后

耶，这样做好像就完事了，可以成功看到缩略图显示出来。其实操作本不复杂严格按照教程来，细心点。
如果缩略图还没显示出来，可以在下面留言，我经常看的，会回复。

blog目录

blogpicture 目录

很多人实现了相册功能，好像对原理不甚了解，我大致说一下吧。hexo是一个快速、简洁且高效的博客框架，可以托管在github上，然后结合github pages功能，就实现了静态博客的搭建，所以blog就是一个单独的XXX.github.io的项目放在github上。至于这个相册功能，是在github上另外新建一个项目存放图片，相当于把github当做图床，直接在hexo生成*.html就可以把相册显示出来。

注

这些东西配置好后，可能还有别的报错，你们看看这篇。
https://github.com/MoePlayer/hexo-tag-aplayer/issues/44