如何直接在github上建图床

最近用hexo整了个博客，我现在的感受就是这也太tm折腾了。

用markdown写博客少不了插入图片，看似简单的操作其实可折腾了！本地的图片要部署到服务器上必须要使用图床才能实现，网上各种推荐腾讯云、七牛云来做图床，我都尝试了一下，发现要充钱才行，果断另寻她法.（发出了穷逼的声音 qaq）

现在来介绍一下如何直接在github上建图床

GitHub可谓是良心大大滴！免费，没有容量限制，只是单个文件不能超过100M，有50M的文件，就会警告了。这对搭个博客用的图床来说完全足够了。不多bb，进入上手环节：

1. 进入repositories后new一个存储库命名为：你的github用户名.github.iogithub，点击上方的Setting并往下拉，去到GitHub Pages设置项，把Source项设定为master branch

   这些都是搭博客的基本操作，已经建了这个仓库的，可以在这个仓库上上传文件。比如
   

2. 图片已经上传，这个时候其实是可以直接通过图片链接访问这个图片的

   图片链接的格式：https://github用户名.github.io/存储库名/你的图片名 （加后缀名）
   

3. ​ 在markdown插入图片链接，就可以显示该图片了
   

以上是图床的基本原理！！！

博客的项目文件在每次部署的时候都会更新，这样不利于对上传图片的保存。要如何解决这个问题呢？

1. 到博客根目录下 查看_config.yml文件 查找 post_asset_folder 字段确定post_asset_folder 设置为true

   post_asset_folder:true

   设置 post_asset_folder 参数后，在建立文件时，Hexo 会自动建立一个与文章同名的文件夹，可以把与该文章相关的所有资源都放到此文件夹内，这样就可以更方便的使用资源。像这样
   

2. 把要用的图片都放在这个文件夹下，下次 hexo d 部署博客的时候可以看到

   要用的图片文件都在github的仓库上了，这时用前面介绍的原理，记下文件的路径名在编写markdown的时候添加图片链接即可

   图片链接的格式：https://github用户名.github.io/存储库名/你的图片名 （加后缀名）

   比如我上面的皮卡丘动图 2.gif 的链接就是： https://qwq1082.github.io/2019/07/09/pikachu/2.gif

   写好markdown之后再次部署即可
   

   欢迎访问呀 https://qwq1082.github.io/2019/07/09/pikachu/