# 前言

在朋友推荐下我了解到 Shoka 主题，在尝试安装后发现网页无法正常随机图片

上网查询发现是原作者的某博图床接口被屏蔽了已不存在恢复的可能，便更换为自己图床

# 创建图床

注：可以选择 Github 和 Gitee 作为图床，国内更推荐使用 Gitee

可以使用 PicGo 进行管理或者直接在网页上进行上传图片即可 (图片推荐使用 webp 格式)

关于 PicGo 使用与配置方法：

如果想快速上手 Github 版可参考下方链接：

Step1.

在 <root>\themes\shoka\scripts\helpers\engine.js 打开找到代码

	var parseImage = function(img, size) {
	if (img.startsWith('//') \|\| img.startsWith('http')) {
	return img
	} else {
	return'https://tva'+randomServer+'.sinaimg.cn/'+size+'/'+img
	}
	}

将代码中这一部分更换为自己的图床链接，更改时建议删除后面的 size

'https://tva'+randomServer+'.sinaimg.cn/'// 更改为自己的链接

图床链接前面可以加上 图缓存链接 让图片快速加载
- 图缓存链接：https://images.weserv.nl/?url=
具体为：(图缓存链接) + https://raw.githubusercontent.com/ 用户名 / 仓库名 /main（自己修改的分支名，默认为 main)/
如果嫌麻烦可以使用我的图床链接
- 链接：https://images.weserv.nl/?url=https://gitee.com/fufan1025/blog_img/raw/master/

更改后就会像这样

	var parseImage = function(img, size) {
	if (img.startsWith('//') \|\| img.startsWith('http')) {
	return img
	} else {
	return 'https://images.weserv.nl/?url=https://gitee.com/fufan1025/blog_img/raw/master/'+img
	}
	}

Step2.

打开 PicGo, 将相册第二个模式设置为 URL 全选然后点击复制

创建一个.txt 文件，将复制的内容黏贴进去

里面会是一堆网页链接加数字，我们只需要后面的数字名称

例如：

https://cdn.jsdelivr.net/gh/FuFan1025/blog-img/Konachan.jpg

将前面的链接复制，ctrl+F 全选替换为 - + 空格，(别忘了空格) 变成

- Konachan.jpg

我的图片数字名称

将成品把 <root>\themes\shoka\_images.yml 中所有内容替换然后保存

使用 Git 打开 hexo 根目录输入 hexo cl && hexo g && hexo s 查看效果

大功告成！