图床教程2

目录

1. 使用Typora自动添加相对路径的方法

优点:图片是直接存放在Github工程,偏于管理、不易丢失

缺点:占用Github空间,图片存放过多导致仓库爆满

所以我只利用该方法存放必要的图片(头像、网站搭建所需的图片等),文章中的图片采用图床的方法

1. 在/blog/source/ 文件夹下创建images文件夹,用来存放网站中的图片

  • 为了更好的管理图片,可以在images文件夹下根据相应的文章再创建相应文件夹

A1

2. 打开Typora,点击文件偏好设置图像优先使用相对路径

A2

A3

3. 把images文件夹下的图片直接复制到用Typora打开的文章中,就可以显示图片

A4

2.Github图床+Vercel部署+PicGo上传图片

优点:

​ 1.存放在个人仓库里,便于管理

缺点:

​ 1.由于访问Github很慢,导致图片加载非常慢

​ 2.每个仓库限制1G,超过需要新建仓库

由于是使用Github,导致访问图片时候非常非常非常慢,所以这种方法适用于少量图片的文章

  • 请自行注册Github账号、Vercel账号

2.1 建立Github仓库

1. 进入Github官网注册并登录自己的账号,到自己的个人主页,点击右上角的+ ,并选择New Repository创建自己的仓库

A5

2.仓库名称、描述可以随意,可见性一定要选publicReadme文件可以创建,然后点击Create Repository创建仓库。

A6

2.2 Vercel部署

1. 首先需要一个Vercel账号,这里推荐用GitHub账户关联,这样你就可以在Vercel中直接托管你的GitHub库中的项目了,实现开发部署一步到位(网络不流畅可以考虑挂梯子)

A7

2. 当你和Github账号关联并登录后,进入个人主页,点击右上角的Add New Project创建新的项目;这时候你会看见你Github的仓库,然后点击所对应的仓库的Import选项,导入该仓库,最后不用再修改东西,直接点击Deploy即可

A8

A9

3. 进入该项目控制台后,选择右上角的Domains,然后点击Add Domain添加新的域名,添加一个自己域名的二级域名,然后在你对应的域名解析控制台添加对应解析,等待生效。

B10

B11

下面的信息在域名解析时需要用到(具体用法请往下看)

B12

2.3 购买阿里云域名,并通过Vercel将域名和Github仓库绑定

1.进入阿里云首页,在搜索框输入域名注册 并搜索,点击进入域名注册页面,然后输入自己想要购买的域名并点击立即查询,根据合适的价格选择购买

B13

2. 将域名进行实名认证

(1)进入阿里云首页点击右上角的控制台,进入控制台界面后点击域名

B14

(2)进入域名控制台界面后,点击左边域名列表,然后点击管理

B15

(3)进入管理页面后,点击左边域名持有者实名认证,然后根据步骤完成实名认证即可

B16

3. 利用Vercel进行域名Github仓库绑定

(1)进入域名控制台,点击左边域名列表,然后点击解析

B17

(2)进入解析页面,点击添加记录

B18

(3)将Vercel界面中的数据填入阿里云的域名解析平台,然后点击确认

B19

(4) 刷新Vercel界面界面,出现下图,表示解析成功

C20

2.4 PicGo上传图片

1.打开软件后,进入PicGo设置界面,只保留Github图床

C21

2.点击图床设置Github然后按照参数输入相关信息

  • 仓库名:一定要填写Vercel中绑定的Github仓库
  • 自定义域名:一定要填写Vercel中绑定的网址

C22

3.Token的获取方式

(1)进入Github个人主页,然后点击右上角头像->Setting->左边栏Developer Settings->左栏Personal access tokens->左栏tokens(classic)

C23

(2)创建Token时,Note随意;ExporationNo expiration;Select scopes必须把repo这一项勾上,其它不需要勾选,然后点击生成就行

C24

(3)生成完成后就会出现Token,这时候必须马上复制出现的Token,不然后面就看不到了,复制了填到PicGo的Token选项,随后点击确定保存

C25

4.利用PicGo进行图片上传,并验证是否上传成功

(1)进入Picgo页面,点击上传区,然后随便拖拽一张图片进来,应该就可以上传成功。

  • 注意:每个仓库大小限制是1G!!!

C26

(2)进入Github所对应的仓库,查看图片是否已经上传成功

C27

(3)进入相册,查看上传的图片,以及复制生成的链接,然后用网页打开,查看是否能正常访问。

C28

2.5 PicGo结合Typora使用

(1) 打开Typora,点击文件偏好设置图像上传服务设定

C29

(2) 把图片复制到Typora,然后点击右键,选择上传图片即可(上传成功之后,本地可能不显示,重启Typora软件后即可正常显示)

3.七牛云图床+PicGo上传图片

优点:

​ 1.每个月都有免费的10G存储空间、10G的流量、写请求10万次、读请求100万次

​ 2.访问速度比Github快的多得多

缺点:

​ 1.需要一个自己的域名,不然七牛云免费提供的域名(免费提供一个月)过期后,批量替换URL工作量会很大

​ 2.超出免费的额度会收取费用

​ 3.免费额度只能使用HTTP,若使用HTTPS将会收费,但只使用HTTP服务的话,文章里的图片在网页中将打不开(所以还是要充钱)

七牛云图床适用于刚入门、有自己域名、访问量少的博客使用,如果要花钱才使用的话我还不如选择阿里云

3.1 创建七牛云的存储空间

(1) 进入七牛云产品主页(若进入的是官网主页,请点击右上角控制台,进入产品主页),进入产品主页后点击左边蓝色方块对象存储

D30

(2) 进入对象存储主页后,点击左边栏空间管理新建空间

D31

存储名称任意,存储区域一定要选择海外的,访问控制选择公开,然后点击确认即可

D32

3.2 对七牛云所创建的域名进行解析

1.在七牛云添加域名

(1) 进入刚新建的空间,点击左边栏域名管理绑定域名

D33

(2) 按照下面要求填写信息后,点击创建

D34

2.将所创建的域名进行解析

(1) 进入七牛云域名管理界面,点击所创建的域名

D35

下面的信息在域名解析时需要用到(具体用法请往下看)

D36

(2)进入阿里云域名解析界面,进行域名绑定(不知道操作的看步骤2.3

D37

(3) 刷新七牛云界面界面,出现下图,表示解析成功

D38

3.3 PicGo上传图片

1.打开PicGo软件后,点击图床设置七牛云,然后按照参数输入相关信息

  • 图床配置名 :任意

  • 设定AccessKey :进入七牛云产品主页,点击右上角个人头像密钥管理

  • 设定SecretKey :进入七牛云产品主页,点击右上角个人头像密钥管理

  • 设定Bucket :填空间名称( 我创立的空间名称为hexo-wyh,所以我此处填hexo-wyh )

  • 设定访问网址 :http:// + 域名,我填的是:http://qiniu.wyh-love.xyz(注意不要写成https)

  • 设定存储区域 :根据创建存储空间时所设置的存储区域填写 (我填的是 as0 )

    华东 华北 华南 北美 东南亚
    20 z1 z2 na0 as0
  • 设定网址后缀 :不填就行

  • 设定存储路径 :任意(我填的是hexo/text1/)

2.利用PicGo进行图片上传,并验证是否上传成功

(1)进入Picgo页面,点击上传区,然后随便拖拽一张图片进来,应该就可以上传成功。

D39

(2)进入七牛云文件管理界面,查看图片是否已经上传成功

E40