hexo yilia 主题如何添加相册

hexo yilia 主题如何添加相册

关于yilia主题如何添加相册,网上有很多教程,有些说的不够详细,在这将细节详细说明一下
在我添加相册遇到了好多坑,查了好多资料。

添加相册步骤

  • 创建github仓库,用于储存相册
  • 博客操作
  • 图片处理

创建github仓库,用于储存相册

  • 建立一个用于存储相册的仓库,我这里建立了名BlogPicture的仓库
    hexo yilia 主题如何添加相册_第1张图片
在hexo同级目录下创建一个BlogPicture的文件夹,这个文件夹就是创建github的仓库,

电脑上安装了git,在BlogPicture文件夹内输入git命令,就创建好了仓库,如上图所示。

博客操作

  • 在博客的source文件夹下建立一个photos文件夹
    输入命令:
hexo new page "photos"
  • 将样式文件放到photos文件夹下,样式文件我都放到了github上:https://github.com/ainimini/ainimini.github.io/tree/master/photos

  • 修改ins.js文件,主要是里面的render函数

  • 其中的红色框住的对应到你的github放图片的地址(这里的地址在下面展示)

hexo yilia 主题如何添加相册_第2张图片

github放图片的地址

进入你github放图片的目录下点击Download

hexo yilia 主题如何添加相册_第3张图片

被红色框框住的地址

hexo yilia 主题如何添加相册_第4张图片

图片处理

  进入到BlogPicture文件夹中创建photos(存放大图)和min_photos(处理后变成小图)两个文件
  
将https://github.com/ainimini/BlogPicture 下的Python文件考到BlogPicture文件夹中

hexo yilia 主题如何添加相册_第5张图片

下载好插件tool.py需要修改
这里插入样式文件放到photos文件夹的目录
因为执行python命令后会自动在这路径下生成data.json文件,之后ajax请求json文件来渲染的

在这里插入图片描述

图片放到photos文件夹中
在tool.py目录下,执行Python命名

python tool.py

每次放图片都要执行一次,自己会push上去
接下来
hexo g

hexo 

这是我的博客样式

https://ainimini.github.io/2019/07/08/hexo-yilia%E4%B8%BB%E9%A2%98%E6%B7%BB%E5%8A%A0%E7%9B%B8%E5%86%8C%E5%8A%9F%E8%83%BD/

你可能感兴趣的:(hexo)