Shoka如何使用自己的图床

前言

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

上网查询发现是原作者的某博图床接口被屏蔽了，便尝试更换为自己图床

我的博客:FuFan的博客

关于我的图床图片比较模糊的是采用了大佬的图床图片，大佬经过了裁切处理

大佬链接：关于 Shoka 图床又挂了这件事 - 博客 | Jiaying’s Note = CWHISME = 人不能没有梦想，也要有足够的敬畏 (wangjiaying.top)

创建Github图床

在这里我使用的是 PicGo 上传图片到 Github

关于使用与配置方法请参考官方文档

PicGo 官网：PicGo

如果想快速上手可以参考下方链接

使用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://raw.githubusercontent.com/FuFan1025/blog-img/master/

更改后就会像这样

var parseImage = function(img, size) {
    if (img.startsWith('//') || img.startsWith('http')) {
      return img
    } else {
       return 'https://images.weserv.nl/?url=https://raw.githubusercontent.com/FuFan1025/blog-img/master/'+img
    }
  }

Step2

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

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

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

例如

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

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

- 0cb1bc5a66e556f1c3328772117051b9.jpg

我的图片数字名称

- 0cb1bc5a66e556f1c3328772117051b9.jpg
- 0aa087029f7e809ef6485ce8b41f1fd7.jpg
- f596ae1c48dfd42a71955c9e36e56926.jpg
- f9aa7e764ffae9f0d2a83370e4819a7b.jpg
- f4e0c401a095d26628aa1b3d178ee094.jpg
- ee1048baa73c396c8fc49afbb531ed2b.jpg
- ea7c56ba50627e216ee4f72a0f7525e0.jpg
- e749836dca3d1f16836561aa5a1319cd.jpg
- e757bc843c78f455519eeeff5f51e76a.jpg
- e092cf59ea4b4b0f90a782cb75ef127c.jpg
- e9c3771ed0c9f7f15a0181c10d748c4d.jpg
- e4f65cd3d277234681c4d35d5af0547e.jpg
- e3db001ca1ff57749d14004c392accff.jpg
- dfe2f1c4c2c9f926c0db1122cb5117b2.jpg
- dc8870b29798b5ade59b5b6805550904.jpg
- dc71f9aaa4c2c23df93f5473e0d65c50.jpg
- db86e338a1b3b97e7d8c2217e1d2bf48.jpg
- d047cba5f424d9cfbf857bf1d6690773.jpg
- d1d6420e8a4b75574864f6782240ac33.jpg
- d0bb5becc1c2934e54379eab25746ca8.jpg
- c70a9e45dcfbb6859374570714502db6.jpg
- c62ab5ee354665e3151216320ce140d9.jpg
- c4a826638dd14b7fe2abfad207b1e912.jpg
- bef2fc82f00cbd6a6f1fd5f569ab50c3.jpg
- bbe32387e020ade5a40269ce6ba5471c.jpg
- b3b3c729b93edb06d6059682c7a60e9c.jpg
- b1fd49321ea59220513f8995bfff313c.jpg
- ae871e04ea128b149f8ecef6fca4da33.jpg
- adf77fe6926d1ff5d19dfcccdf39d1de.jpg
- adc9b9e771145bea157df1cc255f6cc2.jpg
- a965cf7c09947f7fe414bddacdd9d0b8.jpg
- a646e517b1405f3855b350999bcb05d9.jpg
- a062f0325a3cfb64fb1443ae5be8b4e7.jpg
- a6de80ed3cd16ea1c7c4cca496a0f492.jpg
- a005f8200d7fd27c84489972b49a92ba.jpg
- a2ec7cec9a1e7456d29c7d250cd7452a.jpg
- a2bf079ec5150592e27e396ca5d321a1.jpg
- 94931551657fafc74bd2dce512183857.jpg
- 84039576b96363bc284fc048283cd7c5.jpg
- 5573333f45cab633a876749a24cdf0fb.jpg
- 5311300a12f2d5ca050dba5a3a771bc7.jpg
- 130223e071a734cd85e6b99a83af4798.jpg
- 99546b3a8824c86bcee697fdb2f1c078.jpg
- 60799bad4e738c34399c018c7b205fbc.jpg
- 51764cd5a8120db25e9e42c81bb1d60e.jpg
- 08182b4baa04601e25bf6ca7945ee1e2.jpg
- 5182e389e0c71d21698c31575f1f57e0.jpg
- 4804c039150f917b3bfc9bf5a21fe0f7.jpg
- 4592ac3071dc6e715bbd31dcde8dd403.jpg
- 4012d96fdc5ec530bf9bca94233d41e6.jpg
- 2502e84dfb214f09f68170a0a1e2d492.jpg
- 2476ea63b66d5eebaa1d2f5229e7ca1f.jpg
- 960e5da3cf8d45aa3fcab6400195c436.jpg
- 0923f285d316f9567eddfdfa7e13b91a.jpg
- 788c70e8f45172d49662d9a35168dde9.jpg
- 651abfed7e735d7908e08caf22dd69a8.jpg
- 496b429666d5bf470a122e087b89cb40.jpg
- 207fc2a84cfe6045c754576fe1a85314.jpg
- 0175e1dfd1fd5fff00deb7a2af971f46.jpg
- 138bcad99511378a15d4061c5ce729ce.jpg
- 99e4538446c090fa1ee0105a7ded7f1f.jpg
- 94d83a5128a645d6225817f507a76b60.jpg
- 94a41f65053699b245977621728bd658.jpg
- 86b7a62e5e158c6d1f98da1f85916496.jpg
- 84ca7d2168efbb4ebcbe7b0c007c0a48.jpg
- 081eebfe88449755af1782ff0a238791.jpg
- 070e21bea949d71faaf613f609f5bc25.jpg
- 69e95f2171ff6ed40bbf307d85a27e53.jpg
- 58bcc73a1042e227a680fae8d0c60e4e.jpg
- 51bd95f698debcc40453f748e722ec57.jpg
- 50d09d73d9aba3ededef6943731a1d38.jpg
- 29ca60308337b405c9a9a5724045976d.jpg
- 27cb68c074bd9edc70039fd7811bbab5.jpg
- 23e74792ff64a22749562f1e129bd70b.jpg
- 11faebcaae455963b927046d47d4e484.jpg
- 10e7262a92eedcf32868baaf529bff6c.jpg
- 9e213346c2d68e787c7acc39f0f46284.jpg
- 9e45cf91e3c04e94df1636b2cd8d72ed.jpg
- 9c985751e135e7706a666f643e31474f.jpg
- 9bf18fcec6c8c234cb7aa085f00451e2.jpg
- 9a112cfaf02bb74699580d5d9b876796.jpg
- 8ca90989ee1ab7367130b81e37cdd0ff.jpg
- 7b6b4eb75e08bc02ad84f04b327faadf.jpg
- 7af92c650fa3de70a547579228d91336.jpg
- 07bccd57ccb1641052cd1dc086c417cc.jpg
- 5ef02b8dcf7921e6c3a51e1a58733e75.jpg
- 5db3450aea286ea15a38332502400841.jpg
- 5cef39f9c16e3d2508a33d3c7979a04c.jpg
- 5b6bf3d387f05f17ee32312ef75ed6b6.jpg
- 5a6e0202925f2ad141f5fe5162d47085.jpg
- 4da8e0c1a04101a7927b54d35f4c984b.jpg
- 4acf5b788331a25c5aae532d0eddb6cb.jpg
- 4a20897e9d038161c148b6b5a509b411.jpg
- 4a12ab3b36e9a18b6260265a4f808186.jpg
- 3efbf07538fd53ba15f64b907f024792.jpg
- 3ae36ebe6ba249cf8f75042f1d10c582.jpg
- 2a8343aa0b84ebe1d31538423efcd9be.jpg
- 1dd656b56c466512d3e5ee530b697d7e.jpg
- 1a299ec38d38a13db9d852856b368bd3.jpg
- fulilian.jpg

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

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

大功告成！

本方法参考链接：关于Shoka图床修复 | Yiqiu Note = ほしづきよ = 始于两千年 (ui123456ax.github.io)可以查看更多方法