关于网站图片上传的几种方法和优化

发表于 2023-01-07 更新于 2023-07-30 Waline：

方法集合：

1.利用github pages自带的100M空间，上传图片到文件夹内（需要hexo-asset-image插件支持）

2.国内外的各种图床，这其中分为自建和第三方服务商

自建：利用github仓库等托管平台（github限制不能超过0.1G，且国外环境需要CDN加持）（gitee已不能使用）

第三方：如七牛云，腾讯云，阿里云，SM.MS，Imgur和又拍云等（瑟瑟怕删）

3.由于图片是超链接都能引用，于是第三个想法是用上能复制超链接的各种网站，比如在b站动态上上传图片然后复制图片链接到文章中，LOFTER和b站目前是我能想到的（如果没防盗链的话）

使用本地图片：hexo-asset-image本地存放图片的正确使用方法

安装插件。

1	npm install hexo-asset-image --save

安装完成后在使用之前，记得查看在博客根目录下的_config.yml 中有

1	post_asset_folder:true。

接着会发现在_post文件夹下，每个文章都有一个自己的空文件夹，这些空文件夹是用来存放我们要的图片的。放入后文件夹后在markdown编辑器中

使用

![]()

命令来插入图片（typora快捷键Ctrl+shift+I）命令括号内的路径不是文件的绝对路径，而是文件在文件夹中的名字就行，比如你在A文件夹中放入X.jpg

那么你括号内就是

1	![](X.jpg)

而不是全部路径，也不包括文件夹名字。

如果hexo-asset-image这个插件更新图片的时候图片链接截取的不对，这是hexo-asset-image本身问题，在插件文件index.js中第24行改成

1	var endPos = link.length-1;

（包括最后一个分号）

使用图床

PS:在使用picgo+图床时，图片在相册中无法显示的解决办法：在图床设置检查是否已经加入http://或者https://

七牛云给的30天访问网址里面没有加上http需要自己加上，但是加上https是用不了的，只能用http

在使用Typora时设置一下，可以让图片复制到Typora里面且同步通过picgo上传到图床，文件引用的是图片外链地址而不是本地地址

1.先调整好Picgo图床设置，设置好你要用的图床为默认图床

2.然后按图操作

对网络位置的图片应用上述规则应该关闭（在picgo复制链接插入图片到typora也会重新上传一次导致重复上传，开着本地插入就好了）

上传图片最好图片名字不要带有特殊符号，有可能图床服务器能够访问但picgo预览不了或者markdown引用图片无效。

也可以通过ctrl+shift+p键快捷picgo上传剪切板的内容到图床

这样就可以快捷的插入外链图片了~

个人图床使用选择过程：

因为picgo+Typora组合太好用的缘故，picgo没有支持的图床不会太考虑，最希望能用picgo，因为太方便。

七牛云

虽然免费10G但是只有三十天的试用域名，需要自己备案过的域名才能继续使用（直接把我劝退）。而且在我自己的浏览器里发现blog的图片用七牛云不能显示，但外链正常，别的设备别的浏览器访问正常，也不知道为什么。（发现就只有七牛云的这样，腾讯云不会，美滋滋~~）突然发现七牛云的试用域名回收时间是无，但是不确定30天后是否回收，决定先让他过完30天看看怎么样先，且我的blog内也有七牛云储存下的图片，暂时不想改外链地址了。

随便留一个七牛云图片迁移的方法，怕自己以后要跑路~

被七牛云OSS对象存储测试域名回收后正确数据迁移姿势!_weixin_34336292的博客-CSDN博客

SM.MS

这个网站服务器在国外，图片等了好久都基本加载不出来。除非你有工具，国外挺快的。

又拍云

这个和七牛云一样有免费套餐，有每个月免费15G储存和一定大小的图片访问流量额度包。但是还要你在网站底下套个赞助一行字，但是也需要自己的备案域名（又是备案把我劝退了）因而放弃

Imgur

国内根本打不开

Github

JsDelivr貌似已死，没确定，以后如果有空用github搭一个图床再试试，没JsDelivr估计也是慢炸

阿里云OSS

听别人介绍说40G一年9块钱，但是暂时不知真假，以后再试试

腾讯云COS

进来有免费的50G储存，半年。而且我自己又花了1块买多了50G且续多了半年。但阿里和腾讯都是按量计费的，除了储存还有访问图片下行流量所带来的费用（本来访问图片费用没有多少，但是看到b站有位up发视频说自己被攻击当靶场刷出来了920块的费用），有点恐惧。但是这100G放在这不用挺浪费的，于是我决定调下服务器设置拉好保险。