Shoka如何使用自己的图床

前言

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

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

创建图床

注：可以选择Github和Gitee作为图床，国内更推荐使用Gitee。
另：可以使用PicGo进行管理或者直接在网页上进行上传图片即可(图片推荐使用webp格式)

• 关于PicGo使用与配置方法：

  PicGo官方文档

• 快速上手Github版可参考下方链接：

  使用Github+picGo搭建图床，保姆级教程来了 - 知乎 (zhihu.com)

---

Shoka配置图床

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

我的图片数字名称

- plane_sky_art_129149_1920x1080.webp
- girl_walk_anime_153292_2560x1080.webp
- girl_terrace_art_146601_2560x1080.webp
- girl_smile_umbrella_963266_1920x1200.webp
- girl_smile_stars_975800_2560x1080.webp
- girl_smile_flower_1035552_1920x1200.webp
- girl_sea_summer_941681_2560x1080.webp
- girl_river_sunset_1067581_2560x1080.webp
- girl_pose_smile_1011693_2560x1080.webp
- girl_platform_railway_140282_2560x1080.webp
- girl_island_building_207303_1920x1200.webp
- sakura_art_sky_122545_1920x1080.webp
- girl_halo_butterflies_923017_2560x1080.webp
- girl_hair_stars_1075468_2560x1080.webp
- girl_hair_shorts_1058776_1920x1080.webp
- girl_hair_glow_1021435_1920x1200.webp
- girl_hair_dress_1086036_2560x1080.webp
- girl_guitar_anime_141048_1920x1200.webp
- girl_grass_city_213102_1920x1080.webp
- girl_headphones_anime_1079499_1920x1200.webp
- girl_chair_window_866827_2560x1080.webp
- girl_buildings_city_1060155_1920x1200.webp
- girl_blonde_pose_1002941_2560x1080.webp
- girl_glow_magic_165898_2560x1080.webp
- girl_gesture_kimono_925253_2560x1080.webp
- girl_eyes_sunflowers_1013575_2560x1080.webp
- girl_eyes_dress_1122598_2560x1080.webp
- girl_ears_sky_994513_1920x1200.webp
- girl_bag_bus_917489_1920x1200.webp
- girl_backpack_road_1160862_1920x1080.webp
- girl_angel_sky_1216917_1920x1200.webp
- girl_angel_halo_991517_2560x1080.webp
- girl_blonde_cloak_1044103_1920x1200.webp
- child_river_dreams_127495_1920x1080.webp
- anime_girl_sky_162368_1920x1200.webp
- Konachan.webp
- fulilian.webp

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

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

大功告成！