图床教程1
图床教程1
WYH1. 使用Typora自动添加相对路径的方法
优点：图片是直接存放在Github工程，偏于管理、不易丢失
缺点：占用Github空间，图片存放过多导致仓库爆满
所以我只利用该方法存放必要的图片（头像、网站搭建所需的图片等），文章中的图片采用图床的方法
1. 在/blog/source/ 文件夹下创建images文件夹，用来存放网站中的图片
- 为了更好的管理图片，可以在
images文件夹下根据相应的文章再创建相应文件夹
2. 打开Typora，点击文件→偏好设置→图像→优先使用相对路径
3. 把images文件夹下的图片直接复制到用Typora打开的文章中，本地和网站就都可以显示图片
2.图床方法（使用Github+Vercel+PicGo）
2.1 建立Github仓库
1. 进入Github官网注册并登录自己的账号，到自己的个人主页，点击右上角的+ ，并选择New Repository创建自己的仓库
2.仓库名称、描述可以随意，可见性一定要选public，Readme文件可以创建，然后点击Create Repository创建仓库。
2.2 Vercel部署
1. 首先需要一个Vercel账号，这里推荐用GitHub账户关联，这样你就可以在Vercel中直接托管你的GitHub库中的项目了，实现开发部署一步到位（网络不流畅可以考虑挂梯子）
2. 当你和Github账号关联并登录后，进入个人主页，点击右上角的Add New Project创建新的项目;这时候你会看见你Github的仓库，然后点击所对应的仓库的Import选项，导入该仓库，最后不用再修改东西，直接点击Deploy即可
3. 进入该项目控制台后，选择右上角的Domains,然后点击Add Domain添加新的域名，添加一个自己域名的二级域名，然后在你对应的域名解析控制台添加对应解析（阿里云中操作），等待生效。
下面的信息在捆绑域名时需要用到（具体用法请往下看）
2.3 购买阿里云域名，并通过Vercel将域名和Github仓库绑定
1.进入阿里云首页，在搜索框输入域名注册 并搜索，点击进入域名注册页面，然后输入自己想要购买的域名并点击立即查询,根据合适的价格选择购买
2. 将域名进行实名认证
(1)进入阿里云首页点击右上角的控制台，进入控制台界面后点击域名
(2)进入域名控制台界面后，点击左边域名列表，然后点击管理
(3)进入管理页面后,点击左边域名持有者实名认证，然后根据步骤完成实名认证即可
3. 利用Vercel进行域名和Github仓库绑定
(1)进入域名控制台，点击左边域名列表，然后点击解析
(2)进入解析页面，点击添加记录
(3)将Vercel界面中的数据填入阿里云的域名解析平台,然后点击确认
(4) 刷新Vercel界面界面，出现下图，表示捆绑成功
2.4 PicGo上传图片
PicGo不要下载最新版本，最新版本有时候不支持插件安装，我使用的版本是V16.20.2
1.打开软件后，进入PicGo设置界面，只保留Github图床
2.点击图床设置→Github然后按照参数输入相关信息
- 仓库名：一定要填写Vercel中绑定的Github仓库
- 自定义域名：一定要填写Vercel中绑定的网址
3.Token的获取方式
(1)进入Github个人主页，然后点击右上角头像->Setting->左边栏Developer Settings->左边栏Personal access tokens->左边栏tokens(classic)
(2)创建Token时，Note随意；Exporation选No expiration;Select scopes必须把repo这一项勾上，其它不需要勾选，然后点击生成就行
(3)生成完成后就会出现Token,这时候必须马上复制出现的Token，不然后面就看不到了，复制了填到PicGo的Token选项，随后点击确定保存
4.利用PicGo进行图片上传，并验证是否上传成功
(1)进入Picgo页面，点击上传区，然后随便拖拽一张图片进来，应该就可以上传成功。
- 注意：每个仓库大小限制是1G！！！
(2)进入Github所对应的仓库，查看图片是否已经上传成功
(3)进入相册，查看上传的图片，以及复制生成的链接，然后用网页打开，查看是否能正常访问。
2.5 PicGo结合Typora使用
(1) 打开Typora，点击文件→偏好设置→图像→上传服务设定
(2) 把图片复制到Typora，然后点击右键，选择上传图片 即可（上传成功之后，本地可能不显示，重启Typora软件后即可正常显示）
- 如果一切正常，那恭喜你，你已经完成了所有操作
