申请会员ID：sadTom

1、申 请 I D：sadTom
2、个人邮箱：936332553@qq.com
3、原创技术文章：
1、https://github.com/SadTomlzr/yiban_Automation_tool。 这是我写的一个软件。里面的readme.我想将它分享出来。
2、https://sadtomlzr.github.io/2020/04/01/Hexo-Github%E5%AE%9E%E7%8E%B0%E7%9B%B8%E5%86%8C%E5%8A%9F%E8%83%BD/ 这里是我写的关于hexo博客以GitHub为图床做的一些总结和新的思路。
3、https://sadtomlzr.github.io/2020/04/01/About-how-to-use-yiban-automation-tool/ 这是关于上面yiban_automation软件的release版本使用介绍和相关链接于教程。希望分享出来。暂时还没有其他的作品了。

这是其中一篇文章的内容

• 最终效果请看这里：https://sadtomlzr.github.io/photos/
• 采用同样使用GitHub为图床的方法lawlite.me:Hexo+Github实现相册功能
• 本文为踩坑记录粗略写一下关于相册实现过程的一些不理解的地方。本文采用的主题是Yilia.

<!--more-->

1. python文件应该放在哪里？

这是我遇到的问题，可能只有我有这个疑问吧。因为我看到lawlite博客里面的评论区。没有说关于这方面的东西。大概率都是放在了hexo的根目录下先写一个代码块模仿目录

----photo(做为链接GitHub图床仓库的本地仓库)
----xxx.github.io(hexo root目录)
  |-hexo的生成的文件
  |-...
  |-theme
  |-source

这里只给出比较关键的文件夹theme懒得写了...文章中写到要在博客的source文件夹下建立一个photos文件夹这里的话就放了太多照片在博客里面了。我觉得因为思路是将photo做为一个git仓库上传自己的呃图片做为图床。所以我在这里创建了photo文件夹加入了相应的js文件但是没有将图片放进去。而是创建在了hexo目录的根目录。

注：

• 其实你想创建到哪里都可以只要这个文件夹做为仓库链接了GitHub的仓库都可以的。
• 上文链接里面的ini.js里面修改的链接才可以链接到你的仓库。所以和图片放到哪个文件夹内其实干系不大，如果图片放出来感觉还好一点，博客不会因为图片而占内容。
• photo文件夹地址后注意修改一下tool.py中的内容是data.json必须生成到/xxx.github.io/source/photo/data.json文件内这个是不能改变的

现在说一下photo目录里面的目录结构

----photo
  |-git
  |-photos
  |-min_photos
  |-python文件（两个python文件）

使用注意命名2020-4-1_xxx.jpg这种形式（注：只有一个下划线，也可以修改代码，我准备修改点代码，后续修改点js吧。。。）

empty.png文件应该放在哪里?（能访问大图但是缩略图不能看）

上面lawlite已经写过了在asset/img文件夹内。但是我没有找到哪里有asset/img。最后测试相册是否生成的时候也是如此。我查看网络请求发现请求empty.png失败了。报的错是404。

所以我看了下源码/asset/img/empty.png里面是引用的asset文件夹内的图片但是我的yilia主题和他的文件目录结构好像有点不一样。因为我生成博客的前端项目里面直接是/img没有asset/img的文件目录，然后放在theme/yilia/source/img/文件目录下的图片都是在/img目录下的。

所以我随即修改了源码

liTmpl += '<figure class="thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">\
                <a href="' + src + '" itemprop="contentUrl" data-size="1080x1080" data-type="' + type + '" data-target="' + src + '">\
                  <img class="reward-img" data-type="' + type + '" data-src="' + minSrc + '" src="/asset/img/empty.png" itemprop="thumbnail" onload="lzld(this)">\
                </a>\
                <figcaption style="display:none" itemprop="caption description">' + data.text[i] + '</figcaption>\
            </figure>';

这里将minSrc + '" src="/asset/img/empty.png" itemprop="thumbnail" 中的asset去掉。

liTmpl += '<figure class="thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">\
                <a href="' + src + '" itemprop="contentUrl" data-size="1080x1080" data-type="' + type + '" data-target="' + src + '">\
                  <img class="reward-img" data-type="' + type + '" data-src="' + minSrc + '" src="/asset/img/empty.png" itemprop="thumbnail" onload="lzld(this)">\
                </a>\
                <figcaption style="display:none" itemprop="caption description">' + data.text[i] + '</figcaption>\
            </figure>';

看懂思路的童鞋直接查看第127行代码找到其中的src="/asset/img/empty.png"去掉为src="/img/empty.png"即可。

然后再从网上下载一个empty.png图片放入xxx.github.io/theme/yilia/source/img/文件夹内即可（可点击empty.png跳转链接下载）

为什么做为图床的GitHub仓库图片不能访问（大图和缩略图都不能看）

你需要查看一下做为你图片仓库里面的setting

[md]

选项是否是Branch Master
如果是应该就可以了，如果还不行，不好意思本篇文章没有能够帮助你。hhh[/md]

Hmily

抱歉，未能达到申请要求，申请不通过，可以关注论坛官方微信（吾爱破解论坛），等待开放注册通知。