typora+hexo博客图片踩坑速记

typora破解版+hexo+smms图床

图床相关配置

网上教程千千万,不知道翻了多久才找到成功配置。

故写此文记录一下:

不要用Picgo(APP),反正我没成功过。

这里推荐使用Picgo-Core

image-20241213160043397

直接“下载或更新”,就会弹一个下载条,等下载完后

image-20241213165221391

查看typora的缓存目录下的picgo,一般在 C:\Users\Yf\AppData\Roaming\Typora\picgo\win64

然后再点击配置文件

image-20241213165201046

把里面的代码替换为下述代码,并替换API

1
2
3
4
5
6
7
8
9
10
11
12
13
{ 
"picBed": {
"current": "smms-user",
"uploader": "smms-user",
"smms-user": {
"Authorization": "这里替换成你自己的"
},
"transformer": "path" },
"picgoPlugins": {
"picgo-plugin-smms-user":
true
}
}

如下

image-20241213165410555

再使用picgo.exe安装nodejs插件,命令行运行以下指令。

1
picgo.exe install smms-user

就OK了

注意,下面这个验证图片选项会失败,但是你正常写笔记的时候,还是图片还是会畅通无助上传到smms图床。

image-20241213165828439

如果还是上传失败,修改config.json,如下

1
2
3
4
5
6
7
8
9
10
11
{
"picBed": {
"uploader": "smms",
"smms": {
"token": "你自己的token!!!!!"
}
},
"picgoPlugins": {
"picgo-plugin-smms-user": true
}
}

踩坑解决方法

还有即使本地预览成功,但是图片上传博客却看不到,就要在文章前加一个标签:

这里为了方便,我们直接在blog\scaffolds目录下的post.md修改创建新目录的模板,如下,以后使用hexo new <博客>,就会自动配置了。

image-20241213170727534

本地踩坑解决方法

还有提及一点,如果你本地图片的通过相对路径在博客上不能使用,应该是nodejs插件,hexo-asset-image的原因,反正这玩意用不了了,使用hexo-asset-img即可

先删除原插件

1
npm install hexo-asset-image

安装新的即可!

1
npm install hexo-asset-img --save

typora+hexo博客图片踩坑速记
http://example.com/2024/12/13/typora-hexo博客图片踩坑速记/
作者
Yf3te
发布于
2024年12月13日
许可协议